JavaScript における配列操作の概要_javascript スキル

JavaScript の配列オブジェクトにはいくつかのメソッドが付属しており、これらのメソッドを使用して配列を操作できます。

結合()

join() メソッドを使用して、配列のメンバーを文字列に結合できます。

コードをコピー コードは次のとおりです:

var o = [1,2,3];
console.log(o.join());//1,2,3
console.log(o.join(" "));//1 2 3
var emptyArray = 新しい配列(10);
console.log(emptyArray.join("-"));//----------

上記の例からわかるように、join() メソッドがパラメータを受け取らない場合、JavaScript は区切り文字としてカンマを使用してすべてのメンバーを文字列に結合します。join() メソッドがパラメータを受け入れる場合は、このパラメータが区切り文字として使用されます。使用します。

reverse()

reverse() メソッドを使用すると、配列内のメンバーの順序を逆にすることができます。

コードをコピー コードは次のとおりです:

//reverse()
o.reverse();
console.log(o);//[3,2,1]

ご覧のとおり、 reverse() ステートメントを呼び出した後、配列自体が変更されます。

reverse() ステートメントを実行すると返される結果は、変更された配列オブジェクトです。

sort()

sort() メソッドを使用して、配列内のメンバーを並べ替えることができます (デフォルトではアルファベット順)。 reverse() ステートメントと同様に、sort() ステートメントは配列自体を変更し、変更された配列オブジェクトを返します。

コードをコピー コードは次のとおりです:

var a = ["電話", "モバイル",,,"キヤノン"];
a.sort();
console.log(a);//["キヤノン", "モバイル", "電話", 未定義, 未定義]
var b = [33,44,111];
console.log(b.sort());//[111, 33, 44]
console.log(b.sort(function(a,b){return a-b}));//[33, 44, 111]

ご覧のとおり、sort() ステートメントはカスタム ソートを実装するためのパラメーターとして関数も受け入れます。

concat()

concat() メソッドを使用して配列を連結できます。

コードをコピー コードは次のとおりです:

var c = [1,2,3];
console.log(c.concat(4));//[1, 2, 3, 4]
console.log(c.concat(5,6));//[1, 2, 3, 5, 6]
console.log(c.concat([7,8]));//[1, 2, 3, 7, 8]
console.log(c.concat([9,10], [11,12]));//[1, 2, 3, 9, 10, 11, 12]
console.log(c.concat([42,43,[44,45]]));//[1, 2, 3, 42, 43, [44, 45]]
console.log(c);//[1, 2, 3]

ご覧のとおり、 reverse() や sort() とは異なり、 concat() ステートメントは結合された結果のみを返し、配列自体には変更を加えません。

スライス()

slice() ステートメントを使用して、配列内の部分配列を取得できます。

コードをコピー コードは次のとおりです:

var d = [1,2,3,4,5,6];
console.log(d.slice(0,3));//[1,2,3]
console.log(d.slice(3,1));//[]

concat() と同様に、slice() ステートメントは操作の結果のみを返し、配列自体には変更を加えません。 Slice() ステートメントの 2 つのパラメーターについて、JavaScript は「前に含めて後から除外」の原則に従います。最初のパラメーターで指定された配列メンバーは部分配列に表示され、2 番目のパラメーターで指定された配列メンバーは部分配列に表示されます。サブ配列は表示されません。

スプライス()

splice() ステートメントを使用して、配列に対して挿入および削除操作を実行できます。最初のパラメーターは挿入またはノックアウトの位置 (位置メンバー) を指定し、2 番目のパラメーターはノックアウト メンバー (位置メンバーからノックアウトを開始する) の数を指定します。3 番目のパラメーターから開始して、すべてのパラメーターが配列内に挿入されます (位置メンバーの前から挿入します)。 splice() ステートメントによって返される結果は、削除された配列メンバーで構成される配列です。 concat() やスライス() とは異なり、splice() は配列自体を変更します。

コードをコピー コードは次のとおりです:

var e = [1,2,3,4,5,6,7];
console.log(e.splice(1,2));//[2,3]
console.log(e);//[1,4,5,6,7]
console.log(e.length);//5
e.splice(1,0,2,3,[4,5]);
console.log(e);//[1, 2, 3, [4, 5], 4, 5, 6, 7]