コレクションを使用した JavaScript 配列

今回は、JavaScriptで配列を使用する場合のセットと、JavaScriptの配列セットを使用する場合の注意事項について説明します。実際のケースを見てみましょう。

1.join() 配列内のすべての要素を文字列に変換し、結合します。

var a=[1,2,3,4];
a.join(); //"1,2,3,4"

2.reverser() 配列内の要素の順序を反転し、逆の順序で配列を返します。

var a[1,2,3,4];
a.reverse(); //[4,3,2,1]

3.sort() 配列内の要素をソートし、ソートされた配列を返します。

引数なしでsort()を呼び出すと、配列要素はアルファベット順にソートされます。

var a=['ant','Bug','cat','Dog'];
a.sort(); //["Bug", "Dog", "ant", "cat"]
a.sort(function(s,t){
   var s1=s.toLowerCase();
   var t1=t.toLowerCase();   if(s1<t1) return -1;   if(s1>t1) return 1;   return 0});//["ant", "BUg", "cat", "Dog"]

4.concat() は、concat() の呼び出し元の元の配列の要素と concat() の各パラメーターを要素に含む新しい配列を作成して返します。これらの引数のいずれかがそれ自体配列である場合、配列自体ではなく、配列要素が連結されます。

var a=[1,2,3];a.concat(4,5);// [1, 2, 3, 4, 5]a.concat([4,5]);// [1, 2, 3, 4, 5]a.concat([4,5],[6,7]);// [1, 2, 3, 4, 5, 6, 7]a.concat([4,5],[6,[8,7]]);// [1, 2, 3, 4, 5, 6,[8,7]]

5.slice() は、指定された配列のスライスまたは部分配列を返します。その 2 つのパラメーターは、フラグメントの開始位置と終了位置をそれぞれ指定します。返される配列には、最初の引数で指定された位置と、2 番目の引数で指定された位置を除くすべての位置との間のすべてのデータ要素が含まれます。

パラメータが 1 つだけ指定されている場合、返される配列には、配列の開始位置から終わりまでのすべての要素が含まれます。
パラメータに負の数値が表示される場合、それは配列内の最後の要素に対する相対的な位置を表します。たとえば、パラメータ -1 は最後の要素を指定し、-3 は最後から 3 番目の要素を指定します。
slice() は呼び出し元の配列を変更しないことに注意してください。

var a=[1,2,3,4,5];a.slice(0,2);//[1, 2]a.slice(3);//[4, 5]a.slice(1,-1);//[2, 3, 4]a.slice(-3,-2);//[3]

6.splice() 配列内の要素を挿入または削除するための一般的なメソッド。 lice() や concat() とは異なり、splice() は呼び出し元の配列を変更します。注: splice() とスライス() は非常によく似た名前ですが、それらの機能は本質的に異なります。

splice() は、配列から要素を削除したり、要素を配列に挿入したり、両方の操作を同時に実行したりできます。挿入ポイントまたは削除ポイントの後の配列要素のインデックス値は必要に応じて増減されるため、配列の残りの部分は連続したままになります。 splice() の最初のパラメータは、挿入および/または削除の開始位置を指定します。 2 番目のパラメータは、配列から削除する要素の数を指定します。2 番目のパラメータを省略すると、配列の開始点から終了までのすべての要素が削除されます。 splice() は、削除された要素の配列を返します。要素が削除されていない場合は空の配列を返します。

var a=[1,2,3,4,5,6,7,8];a.splice(4);//返回[[5, 6, 7, 8]],a是[1, 2, 3, 4]a.splice(1,2)//返回[2, 3]，a是[1, 4, 5, 6, 7, 8]a.splice(1,1);//返回[2],a是 [1, 3, 4, 5, 6, 7, 8]

7.push() と Pop()

push() は、配列の末尾に 1 つ以上の要素を追加します。
pop() は配列の最後の要素を削除します。

8.unshift()とshift()

unshift()は、配列の先頭に1つ以上の要素を追加します。
shift() は配列の最初の要素を削除します。

9.toString() と toLocaleString()

[1,2,3].toString();//"1,2,3"[1,[2,'c']].toString();//"1,2,c"

toLocaleString() は、toString() メソッドのローカライズされたバージョンです。要素の toLocaleString() メソッドを呼び出して、各配列要素を文字列に変換し、ローカライズされた区切り文字を使用してこれらの

文字列を連結して、最終的な文字列を生成します。

10.forEach() は配列を最初から最後まで走査し、各要素に対して指定された関数を呼び出します。

関数は最初の引数として forEach() に渡され、forEach() は 3 つの引数 (配列要素、要素のインデックス、配列自体) を指定して関数を呼び出します。

var data=[1,2,3,4,5];//计算数组元素的和值var sum=0;
data.forEach(function(value){
sum+=value
});  
sum //15//每个数组元素的值加1data.forEach(function(value,index,arr){
arr[index]=value+1;
});
data  //[2, 3, 4, 5, 6]

11.map() は、呼び出された配列の各要素を指定された関数に渡し、

関数の戻り値を含む配列を返します。 注: mao() に渡される関数には戻り値が必要です。 map() は新しい配列を返しますが、元の配列は変更されません。元の配列がスパース配列の場合、返されるスパース配列は同じ長さで同じ欠落要素を持ちます。

var a=[1,2,3];var b=a.map(function(value){return value*value;
});
b// [1, 4, 9]

12 filter()は条件を満たす配列要素を返します

var a=[1,2,3,5];var b=a.filter(function(value){return value>2;
});
b  // [3, 5]

13.every()とsome()

配列の論理判定を行い、判定する配列要素に指定された関数を適用してtrueまたはを返します。間違い。
every() は、配列内のすべての要素がフィルタリング条件を満たし、その後 true を返すことを意味します。
some() は、フィルタリング条件を満たす要素が配列内に存在することを意味し、その後、true を返します。 ()
指定された関数を使用します。配列要素を結合して単一の値を生成します。

reduce() には 2 つのパラメータが必要です。

最初のものは、単純化演算を実行する関数です。 simplify 関数のタスクは、2 つの値を何らかの方法で 1 つの値に結合または簡略化し、簡略化された値を返すことです。 2 番目 (オプション) パラメーターは、関数に渡される初期値です。
reduceRight() は、配列のインデックスに従って配列を上位から下位 (右から左) に処理することを除いて、reduce() と同じ方法で使用されます。

var a =[1,2,3,4,5];
a.every(function(value){return value<10;
})  //true a中所有元素都小于10a.every(function(value){return value%2===0;
});//false a中不是所有元素都是偶数a.some(function(value){return value%2===0;
})//true a中存在偶数

indexOf() と lastIndexOf()
indexOf()最初の条件を満たす値のインデックスは、そうでない場合は -1 を返します

lastIndexOf()最後の条件を満たす値のインデックスは、そうでない場合は -1 を返します

私は信じていますこの記事の事例を読んだ後は、その方法を習得したことになります。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Require.js の詳細な説明

mysqlへのノード接続の実装方法

JS正規表現の使い方

Javascriptシングルトンモード

以上がコレクションを使用した JavaScript 配列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。