JavaScript常用配列方法のまとめ
2656 ワード
JavaScriptでは、配列操作に関する多くの方法が提供されています.いくつかの方法の目的は「類似」ですが、大きな違いがあります.それをまとめてみます.1、元素を追加する
よく使うのはプッシュとunshiftの方法です.
よく使われているのは、pop、shift、splice、filterの方法です.
よく使うのはプッシュとunshiftの方法です.
push , 。 。
vara=[];
a.push(1) // 1
a.push('a') // 2
a.push(true,{}) // 4
a // [1, 'a', true, {}]
push , , , length 。
unshift , 。 。
var a=['a','b','c'];
a.unshift('x'); // 4
a // ['x', 'a', 'b', 'c']
concat 。 , , , 。
[1,2,3].concat(4) // [1, 2, 3, 4,]
2、要素を削除するよく使われているのは、pop、shift、splice、filterの方法です.
pop , 。 , 。
vara=['a','b','c'];
a.pop() // 'c'
a // ['a', 'b']
shift , 。 , 。
vara=['a','b','c'];
a.shift() // 'a'
a // ['b', 'c']
splice , , 。 , 。
splice , 。 , 。
( )
vara=['a','b','c','d','e','f'];
a.splice(4,2,1,2) // ["e", "f"]
a // ["a", "b", "c", "d", 1, 2]
filter , , true 。 。
[1,2,3,4,5].filter(function(elem){
return(elem>3);
})
// [4, 5]
3、要素を置換する
map , , 。
varnumbers=[1,2,3];
numbers.map(function(n){
returnn+1;
}); // [2, 3, 4]
numbers // [1, 2, 3]
splice , , 。 , 。
4、元素を抽出する
slice , , 。
( 0 ), ( )。 , 。slice , 。
vara=['a','b','c'];
a.slice(0) // ["a", "b", "c"]
a.slice(1) // ["b", "c"]
a.slice(1,2) // ["b"]
a.slice(2,6) // ["c"]
a.slice() // ["a", "b", "c"]
これ以外にも、indexOf
方法など、所与の要素が配列において最初に出現した位置に戻り、出現していない場合は−1に戻り、配列除去に用いることができる一般的な方法がある.forEach
方法は、配列のすべてのメンバを巡回し、ある動作を実行し、通常は値を返さず、データを操作するためにのみ使用される.戻り値が必要な場合は、一般的にmap
方法が使用される.reverse
方法は、配列内の要素の順序を逆さまにして、変更された配列を返します.この方法は元の配列を変えます.