JavaScript配列の常用方法の総括について話します。
3528 ワード
JavaScriptでは、常に配列を操作する必要がありますが、今はよく使われている方法をまとめてみます。
1.データの追加
JavaScriptでは配列増加データは主に2つの方式に分けられます。
配列の最後から内容を追加します。
配列の先端から内容を追加:unshiftメソッド
この2つの方法の戻り値はいずれも行列の長さです。
追加データと同様に、削除データと主に2つの方法に分けられます。
配列の最後から内容を追加します。
配列の先端から内容を追加します。
この2つの方法の戻り値はすべて削除されたデータです。
splice(startIndex、deleteCount、addValue 1、addValue 2):配列のstartIndex位置から、deleteCountのデータを削除し、addValue 1、addValue 2などを挿入し、戻り値は削除された配列からなる配列です。
4.逆順配列
reverse():配列の内容を逆順にします。
join(seperator):配列の内容を文字列にし、内容はseperatorで区切られます。
concat():配列を結合して新しい配列を返します。元の配列に影響しません。
sort():デフォルトでは配列を数字またはアルファベットで昇順に並べ替えますが、カスタム降順で並べ替えてもいいです。
slice(startIndex,endIndex):切り取り配列の中で、startIndexからendIndexまでの内容は、endIndexの位置の内容を含まないで、新しい配列を構成します。
indexOf(data):この方法は、dataが配列内にある最初の要素位置に戻り、見つからなければ-1に戻ります。
配列のディケンサ方法が多いです。
a.一般的なエルゴード配列:forEach(value、index、arr){}であり、indexはインデックスであり、valueは値であり、arrは配列自体である。
1.データの追加
JavaScriptでは配列増加データは主に2つの方式に分けられます。
配列の最後から内容を追加します。
配列の先端から内容を追加:unshiftメソッド
この2つの方法の戻り値はいずれも行列の長さです。
var arr=[1,2,3];
//
arr.push(4);
console.log(arr);//[1,2,3,4]
//
arr.unshift(0);
console.log(arr);//[0,1,2,3,4]
2.データの削除追加データと同様に、削除データと主に2つの方法に分けられます。
配列の最後から内容を追加します。
配列の先端から内容を追加します。
この2つの方法の戻り値はすべて削除されたデータです。
var arr=[1,2,3];
//
arr.pop();
console.log(arr);//[1,2]
//
arr.unshift();
console.log(arr);//[2]
3.指定された位置からデータを削除し、追加します。splice(startIndex、deleteCount、addValue 1、addValue 2):配列のstartIndex位置から、deleteCountのデータを削除し、addValue 1、addValue 2などを挿入し、戻り値は削除された配列からなる配列です。
var arr=[1,2,3,4,5];
var deleteArr=arr.splice(1,2,8,9);
console.log(deleteArr);//[2,3]
console.log(arr);//[1,8,9,4,5]
上記で知られているように、配列の削除方法は削除された内容を返します。増加した方法は、配列変更後の長さを返します。4.逆順配列
reverse():配列の内容を逆順にします。
var arr=[1,2,3];
arr.reverse();
console.log(arr);//[3,2,1]
5.配列の内容を特定の区切りがある文字列にします。join(seperator):配列の内容を文字列にし、内容はseperatorで区切られます。
var arr=[1,2,3];
arr.join(',');
console.log(arr);//1,2,3
6.2つの配列を結合するconcat():配列を結合して新しい配列を返します。元の配列に影響しません。
var arr1=[1,2,3];
var arr2=[4,5,6];
var newArr=arr1.concat(arr2);
console.log(arr1);//[1,2,3]
console.log(arr2);//[4,5,6]
console.log(newArr);//[1,2,3,4,5,6]
7.配列の並べ替えsort():デフォルトでは配列を数字またはアルファベットで昇順に並べ替えますが、カスタム降順で並べ替えてもいいです。
var arr=[3,5,1];
arr.sort();
console.log(arr);//[1,3,5];
//
var arr1=[4,2,7];
arr1.sort(function(a,b){
return b-a;
})
console.log(arr1);//[7,4,2]
8.切り取りサブ配列slice(startIndex,endIndex):切り取り配列の中で、startIndexからendIndexまでの内容は、endIndexの位置の内容を含まないで、新しい配列を構成します。
var arr=[1,2,3,4,5,6];
var newArr=arr.slice(1,3);
console.log(arr);//[1,2,3,4,5,6]
console.log(newArr);//[2,3]
9.与えられたデータの配列内の位置を判断するindexOf(data):この方法は、dataが配列内にある最初の要素位置に戻り、見つからなければ-1に戻ります。
var arr=[1,2,3];
var loc=arr.indexOf(1);
console.log(loc);//0
var newLoc=arr.indexOf(4);
console.log(newLoc);//-1
10.ローズマリー配列のディケンサ方法が多いです。
a.一般的なエルゴード配列:forEach(value、index、arr){}であり、indexはインデックスであり、valueは値であり、arrは配列自体である。
var arr=[1,2,3];
//index ,value
arr.forEach(function(value,index,arr){
console.log(''index:"+index+" "+"value:"+value)
})
b.フィルタ配列:filter()、フィルタ条件によって配列をフィルタリングしますが、元の配列は変更されません。
var arr=[1,2,3,4];
// 2
var newArr=arr.filter(function(item){
return item>2;
})
console.log(arr);//[1,2,3,4]
console.log(newArr);//[3,4]
c.マッピング配列:map()は、配列の各要素を一定のマッピングした後、新しい配列を返します。元の配列は変更されません。
var arr=[1,2,3,4];
//
var newArr=arr.map(function(item){
return item*2;
});
console.log(arr);//[1,2,3,4]
console.log(newArr);//[2,4,6,8]
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。