ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の配列メソッドの概要

JavaScript の配列メソッドの概要

韦小宝
韦小宝オリジナル
2018-03-14 18:23:041229ブラウズ

この記事では 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(''));          //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 = ['c','d','a'];
console.log(c.sort());          //['a','c','d']
console.log(c);                 //['a','c','d']

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



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

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

JavaScript 配列文字列数学関数

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。