JavaScript常用配列方法のまとめ

2656 ワード

JavaScriptでは、配列操作に関する多くの方法が提供されています.いくつかの方法の目的は「類似」ですが、大きな違いがあります.それをまとめてみます.1、元素を追加する
よく使うのはプッシュと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方法は、配列内の要素の順序を逆さまにして、変更された配列を返します.この方法は元の配列を変えます.