JavaScript Array.prototype.map() function

Hàm Array.prototype.map() của JavaScript dùng để tạo mảng mới với kết quả của hàm callback được gọi trên mỗi phần tử.

Cú pháp:

arr.map(function callback(currentValue[, index[, array]]))

Triển khai Array.prototype.map() trong JavaScript:

Ví dụ 1

<!DOCTYPE html>
<html>
<body>
  <h2>Demo Heading</h2>
  <p>Click to display the abs() result...</p>
  <button onclick="display()">Result</button>
  <p id="test"></p>
  <script>
    function display() {
      var arr = [1, -2, 3, 4, 5, -6, 7, 8, 9, 10];
      var res = arr.map(Math.abs);
      document.write(res);
    }
  </script>
</body>
</html>

Kết quả

Click nút "Result" –

Ví dụ 2

<!DOCTYPE html>
<html>
<body>
  <h2>Demo Heading</h2>
  <p>Click to round the numbers...</p>
  <button onclick="display()">Result</button>
  <p id="test"></p>
  <script>
    var arr = [11.4, 12.9, 25.6, 88.9];
    document.getElementById("test").innerHTML = arr;
    function display() {
      var res = arr.map(Math.round);
      document.getElementById("test").innerHTML = res;
    }
  </script>
</body>
</html>

Kết quả

Click nút "Result" để làm tròn số –