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

JavaScript array.flatMap()


JavaScriptのarray.flatMap()メソッドは、入力配列要素を新しい配列にフラット化するために使用されます。

構文は次のとおりです-

array.flatMap(function callback(current_value, index, Array))

ここで、JavaScriptでarray.flatMap()メソッドを実装しましょう-

<!DOCTYPE html>
<html>
<body>
   <h2>Ranking Points</h2>
   <p>Is any point equal to 550 from the key-value pairs...</p>
   <button onclick="display()">Result</button>
   <p id="test"></p>
   <script>
      var pointsArr = [10, 20, 30, 40, 50, 60, 70, 80, 90, 1000];
      var res = pointsArr.flatMap(val => [val + 10]).entries();
      for (val of res) {
         document.getElementById("test").innerHTML += val + "<br>";
      }
      function pointsFunc(points) {
         return points == 550;
      }
      function display() {
         document.getElementById("test").innerHTML = pointsArr.some(pointsFunc);
      }
   </script>
</body>
</html>

出力

JavaScript array.flatMap()

上の[結果]ボタンをクリックします-

JavaScript array.flatMap()

<!DOCTYPE html>
<html>
<body>
   <h2>Car Variant</h2>
   <button onclick="display()">Result</button>
   <p id="test"></p>
   <script>
      var carid = ["110", "230", "299", "399"];
      var res = carid.flatMap(val => [val + 10]).entries();
      for (val of res) {
         document.getElementById("test").innerHTML += val + "<br>";
      }
      function display() {
         document.getElementById("test").innerHTML = "Array after slicing some elements =    "+carid.slice(1,4);
      }
   </script>
</body>
</html>

出力

JavaScript array.flatMap()

「結果」ボタンをクリック-

JavaScript array.flatMap()


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

    JavaScript Array.prototype.flatMap()関数は、指定されたネストされた配列を新しいフラット配列にフラット化します。 以下は、Array.prototype、flatMap()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, init

  2. JavaScriptのarray.flatmap()メソッド。

    JavaScript array.flatMap()関数は、指定されたネストされた配列を新しいフラット配列にフラット化します。 以下は、array.flatMap()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"