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

JavaScriptのSet.forEach()関数


SetオブジェクトのforEach()関数は、特定の関数の名前を受け入れ、現在のセットのすべての値に対してその関数を実行します。たとえば、値を出力する関数を作成した場合、forEach()関数を使用すると、セット内のすべての要素の値が出力されます。

構文

その構文は次のとおりです

setObj.forEach()

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      function sampleFunction(value){
         document.writeln(value+",");
      }
      const setObj1 = new Set();
      setObj1.add('Java');
      setObj1.add('JavaFX');
      setObj1.add('JavaScript');
      setObj1.add('HBase');
      setObj1.forEach(sampleFunction);
      document.write("<br>");
      var sum = 0;
      function mathExample(value) {
         sum = value+sum;
         //document.write(value);
      }
      const setObj2 = new Set();
      setObj2.add(172);
      setObj2.add(364);
      setObj2.add(885);
      setObj2.add(746);
      setObj2.forEach(mathExample);
      document.write("Sum of all elements in the set: "+sum);
   </script>
</body>
</html>

出力

Java, JavaFX, JavaScript, HBase,
Sum of all elements in the set: 2167

  1. JavaScript数値関数

    JavaScript Number()関数は、引数として渡されたオブジェクト値をそれぞれの数値に変換します。 以下は、JavaScript Number()関数のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &

  2. 配列とJavaScriptでの設定。

    Setデータ型はES2015で導入されました。配列とセットの違いは、配列には重複する値を含めることができますが、セットにはできないことです。要素は、キーを使用し、要素は入力された方法でのみトラバースできるため、Setでは不可能なインデックスを使用して配列でアクセスできます。 以下は、JavaScriptの配列と設定の違いを表示するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name=&