js配列メソッドの終了
今日はいくつかのjs配列メソッドを紹介します。プロジェクトではこれらのメソッドをよく使用します。あまり使用されないメソッドが多く、しばらくすると忘れられる可能性があるので、便宜上いくつかのメソッドを整理します。お問い合わせください。
1. concat（）
関数：配列をマージします。1つまたは複数の配列をマージできます。マージされた配列の後にデータが返され、元の配列は変更されません。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.concat(arr1)); // [1,2,3,'hi','你好']
console.log(arr); //[1,2,3,'hi']
2. join（）
関数：配列を文字列に変換し、元の配列を変更せずに変換された文字列のデータを返します。
注：（）で二重引用符を使用して、使用する区切り文字を含めます。デフォルトはコンマです。表示しやすいように、ここでは-を使用します。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.join(-)); // 1-2-3-'hi'
console.log(arr); //[1,2,3,'hi']
3. pop（）
関数：配列の最後の桁を削除し、削除されたデータを返します。これにより、元の配列が変更されます。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.pop()); // hi
console.log(arr); //[1,2,3]
4. shift（）
関数：配列の最初のデータを削除し、新しい配列の長さを返します。これにより、元の配列が変更されます。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.shift()); // 1
console.log(arr); //[2,3,'hi']
5. unshift（）
関数：配列の最初の位置に1つ以上のデータを追加し、新しい配列の長さを返します。これにより、元の配列が変更されます。
注：unshift（）メソッドによって返されるデータは、新しい配列の長さであり、追加されるデータは1つ以上にすることができます。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.unshift('word')); // 5
console.log(arr1.unshift('marry')); // 2
console.log(arr); // ['word',1,2,3,'hi']
console.log(arr1); // ['marry','你好']
6. push（）
関数：配列の最後の桁に1つ以上のデータを追加し、新しい配列の長さを返します。これにより、元の配列が変更されます。
注：push（）メソッドによって返されるデータは、新しい配列の長さであり、追加されるデータは1つ以上にすることができます。
例えば：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.push('word')); // 5
console.log(arr1.push('marry')); // 2
console.log(arr); // [1,2,3,'hi','word']
console.log(arr1); // ['你好','marry']
7. reverse（）
関数：配列のデータを逆にして、逆にした配列を返します。これにより、元の配列が変更されます。
例えば：
var arr=[1,2,3,'hi'];
console.log(arr.reverse()); // ['hi',3,2,1]
console.log(arr); // ['hi',3,2,1]
8. splice（）
関数：配列に追加または配列から削除するか、配列内の要素を置き換えてから、削除および置換された要素を返します。
パラメーター：splice（start、num、data1、data2、…）。すべてのパラメーターはオプションです。
例えば：
var arr=[1,2,3,'hi'];
console.log(arr.spilce(2,0,"a","b")); // []
console.log(arr); // [1,2,"a","b",3,"hi"]
9. toString（）
関数：パラメータなしのjoin（）と同様に、配列を文字列に変換します。このメソッドは、データが暗黙的に変換されるときに呼び出されます。手動で呼び出されると、文字列に直接変換され、元の配列を変更しないでください。
例えば：
var arr=[1,2,3,'hi'];
console.log(arr.spilce(2,0,"a","b")); // 1,2,3,'hi'
console.log(arr); // [1,2,3,"hi"]
10. valueOf（）
関数：配列の元の値（通常は配列自体）を返します。これは通常、バックグラウンドでjsによって呼び出され、コードには表示されません。
例えば：
var arr=[1,2,3,'hi'];
console.log(arr.valueOf()); // [1,2,3,'hi']
console.log(arr); // [1,2,3,"hi"]
console.log(arr.valueOf()==arr); // true
11. indexOf（）
関数：指定されたデータに従って、左から右に、配列内の位置を照会します。指定されたデータが存在しない場合は、-1を返し、指定されたデータを見つけて、データのインデックスを返します。
パラメータ：indexOf（value、start）、valueはクエリ対象のデータ、startはオプションで、クエリを開始する位置を示します。startが負の数の場合、値が存在する場合はデータの末尾から先にカウントします。クエリできない場合、メソッドは-1を返します。
注：データが見つかった場合は、データのインデックスを直接返し、次のような検索を続行しないでください
。
var str = ["h","e","l","l","o"];
console.log(str.indexOf("l")); //2
console.log(str.indexOf("l",3)); //3
console.log(str.indexOf("l",4)); //-1
console.log(str.indexOf("l",-1)); //-1
console.log(str.indexOf("l",-3)); //2
12. forEach（）
関数：es5の新しいメソッドで、戻り値なしで配列をトラバースするために使用されます。
パラメーター：forEach（callback）;コールバックには、デフォルトで3つのパラメーターがあります。つまり、value（トラバースされた配列のデータ）、index（対応するインデックス）、self（配列自体）
です。例：
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.forEach(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self));
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
console.log(a); //undefined---forEach没有返回值
//该方法为遍历方法，不会修改原数组
13. map（）
関数：1。forEach関数と同じ;
2. mapのコールバック関数は実行結果を返し、最後にmapはコールバック関数の戻り値を新しい配列に返します。
パラメータmap（callback）;コールバックにはデフォルトで3つのパラメータがあります：value、index、self
例：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：每次回调函数的返回值被map组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
return "hi:"+value;
})
console.log(a); //["hi:Tom", "hi:Jack", "hi:Lucy", "hi:Lily", "hi:May"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变
14. filter（）
関数：1。forEach関数と同じ
2. filterのコールバック関数はブール値を返す必要があります。trueの場合、現在の配列のデータがフィルターに返され、最後にフィルターがすべてのコールバック関数の値を新しい配列に返しますReturn（フィルタリングとして理解できます）。
パラメータ：filter（callback）、コールバックパラメータはvalue、index、self
です。例：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：当回调函数的返回值为true时，本次的数组值返回给filter，被filter组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
return value.length > 3;
})
console.log(a); //["Jack", "Lucy", "Lily"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变