Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

JavaScript Array.prototype.map() ฟังก์ชั่น


ใช้ฟังก์ชัน Array.prototype.map() ของ JavaScript สร้างอาร์เรย์ใหม่พร้อมผลลัพธ์ของฟังก์ชันที่เรียกใช้

ไวยากรณ์มีดังนี้ −

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

ให้เรานำเมธอด Array.prototype.map() ไปใช้ใน JavaScript -

ตัวอย่าง

<!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>

ผลลัพธ์

JavaScript Array.prototype.map() ฟังก์ชั่น

คลิกปุ่ม "ผลลัพธ์" ด้านบน -

JavaScript Array.prototype.map() ฟังก์ชั่น

ตัวอย่าง

<!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>

ผลลัพธ์

JavaScript Array.prototype.map() ฟังก์ชั่น

คลิกปุ่ม "ผลลัพธ์" เพื่อปัดเศษตัวเลข -

JavaScript Array.prototype.map() ฟังก์ชั่น