JavaScriptの配列

JavaScript FROM ()メソッドは、配列内の各要素に対して一度関数を呼び出します.
The javascript each メソッドは、3つのパラメータを持つ配列の各要素のコールバック関数を使用します
1 -配列項目
2 -配列インデックス
3 -配列
各ループに対するパラメータ

     const numbers = [1, 2, 3, 4, ];
     numbers.forEach((item) => {
       document.write(item) ;      // output 1 2 3 4
       document.write("<br />") ;
     }) ;

foreachメソッドのオプションパラメータインデックス

      const numbers = [1, 2, 3, 4];
      numbers.forEach((item, index) => {
        console.log("Index: " + index + " Value: " + item);
      });

Output
Index: 0 Value: 1
Index: 1 Value: 2
Index: 2 Value: 3
Index: 3 Value: 4

キーと値を使用する

      const numbers = [1, 2, 3, 4];
      numbers.forEach((value, key) => {
        console.log("key: " + key + " Value: " + value );
      });

JavaScript foreachオブジェクト

    const obj = {
        name: "value1",
        rank: "value2",
      };

     Object.keys(obj).forEach((key) => {
        console.log(key, obj[key]);
      });

Output
name value1
rank value2

オブジェクト.values ()関数は、インデックスと値の配列を返します.

    const obj = {
        name: "Avy",
        rank: "Captain",
      };

      Object.values(obj).forEach((val) => {
        console.log(val);
      });

OutPut
Avy
Captain

オブジェクト.function ()はエントリの配列を返します.エントリーは長さ2の配列です、そこで、エントリ[ 0 ]はキーです、そして、エントリ[ 1 ]は値です

      const obj = {
        name: "Avy",
        rank: "Captain",
      };

      Object.entries(obj).forEach((entry) => {
        const [key, value] = entry;
        console.log(key, value);
      });

OutPut
name Avy
rank Captain

jQueryの各関数

      const yourArray = [1, 2, 3, 4];

      $.each(yourArray, function (key, value) {
        console.log("key: " + key + " Value: " + value);
      });

Output
key: 0 Value: 1
key: 1 Value: 2
key: 2 Value: 3
key: 3 Value: 4