ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptの配列操作(削除、追加、インターセプト、マージなどを含む)の使用例のまとめ

JavaScriptの配列操作(削除、追加、インターセプト、マージなどを含む)の使用例のまとめ

伊谢尔伦
リリース: 2017-07-25 15:38:33
オリジナル
1530 人が閲覧しました

POP 最後の項目を削除します

最後の項目を削除し、削除された要素の値を返します。配列が空の場合は undefine を返します


var a = [1,2,3,4,5];
a.pop();//a:[1, 2, 3, 4]
a.pop();//a:[1, 2, 3]
a.pop();//a:[1, 2]
ログイン後にコピー

shift 最初の項目を削除します

最初の項目を削除します元の配列 item の item を返し、削除された要素の値を返します。配列が空の場合は、 undefine

を返し、新しい配列の長さを返します

var a = [1,2,3,4,5]; 
a.shift(); //a:[2,3,4,5]
a.shift(); //a:[3, 4, 5]
ログイン後にコピー
を返し、反転したものを返します。元の配列、元の配列が反転されます

var a = [1,2,3,4,5]; 
a.push(6);//[1, 2, 3, 4, 5, 6]
aa.push('xx');//[1, 2, 3, 4, 5, 6, "xx"] 返回长度7
a.push('yy');//[1, 2, 3, 4, 5, 6, "xx", "yy"] 返回长度8
ログイン後にコピー


配列を文字列に結合します


そして文字列を返します、元の配列は変更されます

var a = [1,2,3,4,5]; 
a.unshift();//[1, 2, 3, 4, 5]
a.unshift("cc");//["cc", 1, 2, 3, 4, 5] 返回长度6
a.unshift("aaa");//["aaa", "cc", 1, 2, 3, 4, 5] 返回长度7
ログイン後にコピー


配列要素のインデックス

を返します要素のインデックス、存在しない場合は -1 が返され、インデックスは 0 から始まります

var a = [1,2,3,4,5]; 
a.reverse()//a:[5, 4, 3, 2, 1] 返回[5, 4, 3, 2, 1]
ログイン後にコピー


スライスインターセプト (Slice) 配列をインターセプトした配列を取得します

項目で構成される新しい配列を返します元の配列の指定された開始インデックス (両端を含む) から終了インデックス (両端を除く) まで 元の配列は変更されず、インデックスは 0 から始まります

var a = [1,2,3,4,5]; 
var b=a.join('||');//b:"1||2||3||4||5" a:[1,2,3,4,5]
ログイン後にコピー


Splice スプライシング配列 元の配列の変更は削除される前に削除できます。シフトし、ポップ後に削除され、シフト解除の前に追加されます。これは、プッシュ後に追加するのと同じ効果があります

結合された要素配列を返します。元の配列は変更され、インデックスは 0 から始まります

var a = ['a','b','c','d','e']; 
a.indexOf('a');//0
a.indexOf(a);//-1
a.indexOf('f');//-1
a.indexOf('e');//4
ログイン後にコピー


concat array merge

はマージされた新しい配列を返し、元の配列は変更されます

var a = ['a','b','c','d','e']; 
a.slice(1,3);//["b", "c"] a:['a','b','c','d','e']
a.slice(0,4);//["a", "b", "c", "d"]
a.slice(3,4);//["d"]
ログイン後にコピー

以上がJavaScriptの配列操作(削除、追加、インターセプト、マージなどを含む)の使用例のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート