Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript Array.prototype.map()関数


JavaScriptのArray.prototype.map()関数を使用して、呼び出された関数の結果を使用して新しい配列を作成します。

構文は次のとおりです-

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

ここで、JavaScriptでArray.prototype.map()メソッドを実装しましょう-

<!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()関数


  1. JavaScriptのArray.prototype.sort()。

    JavaScript Array.prototype.sort()メソッドは、配列の並べ替えに使用されます。並べ替えの順序は、アルファベット、数字、昇順、降順のいずれかです。 以下は、Array.prototype.sort()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-

  2. JavaScriptのArray.prototype.flat()。

    JavaScript Array.prototype.flat()メソッドは、指定された深さまで配列を再帰的にフラット化するために使用されます。元の配列を操作するのではなく、新しいフラット化された配列を作成します。 以下は、Array.prototype.flat()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content