js配列プロトタイプメソッドの使い方を詳しく解説

今回は、js配列プロトタイプメソッドの使用方法について詳しく説明します。js配列プロトタイプメソッドを使用する際の注意点は何ですか?実際のケースを見てみましょう。

push

は元の配列を変更し、戻り値は変更された配列の長さになります。

var arr = [1,2,3];
var length = arr.push(4,5)
console.log('length: ' + length + '  arr: ' + arr)
//     length: 5  arr: 1,2,3,4,5

pop

は元の配列を変更します。

var arr = [1,2,3];
var val = arr.pop()
console.log('val: ' + val + '  arr: ' + arr)
// val: 3  arr: 1,2

unshift

は元の配列を変更します。配列であり、戻り値は次のとおりです。 変更された配列の長さ

var arr = [1,2,3];
var length = arr.unshift('haha')
console.log('length : ' + length + '  arr: ' + arr)
// length : 4  arr: haha,1,2,3

shift

は元の配列を変更します。 戻り値はシフトされた要素の値です。

var arr = [1,2,3];
var val = arr.shift()
console.log('val: ' + val + '  arr: ' + arr)
// val: 1  arr: 2,3

concat

は元の配列を変更しません。 戻り値は新しい配列です。

var arr = [1,2,3];
var arr1 = arr.concat(['haha','hehe'])
console.log('arr : ' + arr + '  arr1: ' + arr1)
// arr : 1,2,3  arr1: 1,2,3,haha,hehe

reverse

は元の配列を変更します

var arr = [1,2,3];
var arr1 = arr.reverse(); // [3,2,1]
console.log('arr: ' + arr + '   arr1: ' + arr1)
// arr: 3,2,1   arr1: 3,2,1

slice(start, end)

元の配列からいくつかの要素を選択して(添字はstartからend-1までの要素です)、新しいアレイ。 start と end は両方とも負の数にすることができます。-1 は最後の要素を指し、-2 は最後から 2 番目の要素を指します。元の配列は変更されません。 、戻り値は新しい配列です。

// 有end
var arr = [1,2,3,4];
var arr1 = arr.slice(1,3); // 1：起始下标，3：结束下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3
// 无end，那么切分的数组包含从 start 到数组结束的所有元素
var arr = [1,2,3,4];
var arr1 = arr.slice(1); // 1：起始下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3,4
// end为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(1, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2
// start为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(-3, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2

splice()

delete
、元の配列を挿入して置き換えます。削除された項目で構成される配列を返す と、元の配列が変更され、戻り値は新しい配列になります

// 删除
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,2); // 1：起始下标，2：删除的项数
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,4,5    arr1: 2,3
// 插入
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,0,'a','b'); // 1：起始下标（在此下标之前插入），0：不删除，'a'和'b'是要插入的元素
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,a,b,2,3,4,5    arr1: []
// 替换
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,2,'a','b','c'); // 1：起始下标，2：删除的项数，'a','b','c'是要插入的元素
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,a,b,c,4,5    arr1: 2,3

この記事のケースを読んだ後は、メソッドをマスターしたと思います。関連記事はPHP中国語サイトにあります！

推奨読書:

avalon フロントエンドプロジェクトでの分析の使用

CSS を使用した卓球格闘アニメーションの実装

以上がjs配列プロトタイプメソッドの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。