JavaScript の配列メソッドの概要-jsチュートリアル-php.cn

JavaScript の配列メソッドの概要

韦小宝

リリース： 2018-03-14 18:23:04

オリジナル

1248 人が閲覧しました

この記事では JavaScript 配列のメソッドについて説明します。JavaScript 配列のメソッドを知らない場合、または JavaScript 配列のメソッドに興味がある場合は、この記事を見てみましょう。バーの本題に入ります！

Test array arr = [2, 0, 1, 6];
以下のメソッドは、相互の arr のテストに影響を与えません。

shift()
配列の最初の要素を削除して返します。

console.log(arr.shift());           //2
console.log(arr);                   //[1,0,6]

ログイン後にコピー

pop()
配列の最後の要素を削除して返します。

console.log(arr.pop());             //6
console.log(arr);                   //[2,0,1]

ログイン後にコピー

unshift(arg1, arg2,…)
1 つ以上の要素を配列の先頭に追加し、新しい長さを返します。
元の配列を直接変更し、添字 0 に追加する値を挿入し、既存の要素を順番に上位の添字に移動します

console.log(arr.unshift(9,3,4));    //7
console.log(arr);                   //[9,5,4,2,0,1,6]

ログイン後にコピー

push (arg1, arg2,...)
to 1 つ以上を追加します要素を配列の末尾に追加し、新しい長さを返します。
配列を直接変更する

console.log(arr.push(9,5,4));       //7
console.log(arr);                   //[2,0,1,6,9,5,4]

ログイン後にコピー

concat(arr1, arr2,…)
2つ以上の配列を連結します。
接続された配列のコピーを返します。元の配列は変更されません

var c = [2,0];
var d = [1,5]
console.log(arr.concat(c, d));      //[2,0,1,6,2,0,1,5]
console.log(arr);                   //[2,0,1,6]

ログイン後にコピー

join(str)
配列要素をstrで連結して形成された文字列を返します

console.log(arr.join(&#39;&#39;));          //2016
console.log(arr);                   //[2,0,1,6]
//省略参数
console.log(arr.join());            //2,0,1,6

ログイン後にコピー

reverse()
Reverse配列内の要素の順序、配列構造を変更して配列を返します

console.log(arr.reverse());         //[6,1,0,2]
console.log(arr);                   //[6,1,0,2]

ログイン後にコピー

slice(start, end[この要素は含まれません])
start, endで選択された配列を返します
負の値は末尾から開始することを意味します

console.log(arr.slice(1));          //[0,1,6]
console.log(arr);                   //[2,0,1,6]

console.log(arr.slice(0));          //[2,0,1,6]
console.log(arr.slice(-4));         //[2,0,1,6]
console.log(arr.slice(1,3));        //[0,1]
console.log(arr.slice(1,-1));       //[0,1]
console.log(arr.slice(-3,-1));      //[0,1]
console.log(arr.slice(-3,3));       //[0,1]

ログイン後にコピー

splice(index, deleteNum, arg1, arg2,...)
このメソッドは配列にとって最も包括的なメソッドと言えます。配列要素の追加、変更、削除
index: 操作 (追加、削除) の開始位置、必須
delete: 削除の数、0 は削除なしを意味します、必須
arg: 追加された要素 (1 つ以上)、オプション (削除の場合、修正)
戻り値 : 削除操作は削除された要素で構成される配列を返し、その他の操作は空の配列を返します

//添加，向位置1添加数值1
console.log(arr.splice(1,0,1));     //[]
console.log(arr);                   //[2,1,0,1,6]

console.log(arr.splice(1,0,3,8));   //[]
console.log(arr);                   //[2,3,8,1,0,1,6]

//删除，从位置2开始删除2个数值
console.log(arr.splice(2,2));       //[8,1]
console.log(arr);                   //[2,3,0,1,6]

//修改，将位置1的数值改为9
console.log(arr.splice(1,1,9));     //[3]
console.log(arr);                   //[2,9,0,1,6]

ログイン後にコピー

valueOf()
w3cの説明、まだよく分かりません
valueOf() メソッドは、Array オブジェクトの元の値を返します。このプリミティブ値は、Array オブジェクトから派生したすべてのオブジェクトによって継承されます。 valueOf() メソッドは通常、バックグラウンドで JavaScript によって自動的に呼び出され、コードには明示的に表示されません。

console.log(arr.valueOf());         //[2,0,1,6]
console.log(arr);                   //[2,0,1,6]

ログイン後にコピー

toString()
配列を文字列に変換して結果を返す

console.log(arr.toString());        //2,0,1,6
console.log(typeof arr.toString()); //string
console.log(arr);                   //[2,0,1,6]

ログイン後にコピー

toLocaleString()
配列をローカル文字列に変換します。

console.log(arr.toLocaleString());  //2,0,1,6
console.log(arr);                   //[2,0,1,6]
//特定用法
var date = new Date();
console.log(date);                  //Thu Feb 04 2016 19:51:01 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //2016/2/4 下午7:51:01

ログイン後にコピー

sort()
パラメータを指定しないと、配列内の要素はアルファベット順にソートされます
ソートされた配列を返します

var c = [&#39;c&#39;,&#39;d&#39;,&#39;a&#39;];
console.log(c.sort());          //[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]
console.log(c);                 //[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]

ログイン後にコピー

sortメソッドについては、上記では文字列のソートのみを実行しましたが、なぜ実行しないのですか数値はどうですか? 以前にデジタル並べ替えを使用したことがあるかもしれませんが、問題はありません。以下に優れた方法があるので、そこから学びたいと思います。以上がこの記事の内容です内容を全部理解できなくても、両方を理解すれば一人で簡単にマスターできます！

関連する推奨事項: 配列統計関数を実装するための js 配列メソッド拡張

JavaScript 配列と文字列の一般的な使用法

JavaScript 配列文字列数学関数

以上がJavaScript の配列メソッドの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。