JS配列メソッドの詳細な説明

1. 元の配列が変更されます

1. プッシュ():

配列に新しい要素を追加します（配列の末尾）

push() メソッドは新しい配列の長さを返します。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
fruit.push("キウイ");

2.ポップ():

配列から最後の要素を削除する方法

pop() の戻り値、つまりポップされた値「Mango」を受け取ることができます。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
fruit.push("キウイ");

3. シフト():

最初の配列要素を削除する

削除された値を受け取ることができる

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
フルーツ.shift();

4.unshift():

配列に新しい要素を追加する（先頭に）

新しい配列の長さを返します。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
fruit.unshift("レモン");

5.スプライス():

配列に新しい項目を追加するために使用されます

最初の引数（2）は、新しい要素を追加する場所（スプライシング）を定義します。

2 番目のパラメータ (0) は、削除する要素の数を定義します。

残りのパラメータ (「Lemon」、「Kiwi」) は、追加される新しい要素を定義します。

splice() メソッドは、削除された項目を含む配列を返します。

パラメータを設定することで配列内の要素を削除することもできます

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
fruit.splice(2, 0, "レモン", "キウイ");
//["バナナ","オレンジ","レモン","キウイ","アップル","マンゴー"]
 var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
果物をスプライスします(0, 1);
//["オレンジ", "リンゴ", "マンゴー"]

6. ソート():

配列をアルファベット順に並べ替える

数字をソートする場合は注意が必要です。「2」は「1」より大きいので、「25」は「100」より大きいです。この問題は比率関数を使用して修正します。

sort()は比較関数を変更することでオブジェクト配列をソートすることもできる。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
フルーツをソートする 
 var ポイント = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});//昇順 points.sort(function(a, b){return b - a});//降順 points.sort((a, b)=>{return b - a});//矢印関数 var cars = [
    {タイプ:"ボルボ", 年:2016},
    {タイプ:"サーブ", 年:2001},
    {タイプ:"BMW", 年:2010}
]
cars.sort(function(a, b){return a.year - b.year}); //年を比較する（数値）
cars.sort(function(a, b){//比較型（文字列）
	  var x = a.type.toLowerCase();
	  var y = b.type.toLowerCase();
	  x < y の場合 {-1 を返す;}
	  x > y の場合 {1 を返す;}
	  0を返します。
});

7. 逆順():

配列内の要素を反転する

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"];
フルーツを逆順にする

2. 元の配列を変更しない

1.toString():

配列を配列値の文字列（カンマ区切り）に変換します。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"]
console.log(フルーツ.toString())
//バナナ、オレンジ、リンゴ、マンゴー

2.結合():

すべての配列要素を 1 つの文字列に連結できます。

toString()と同様に動作しますが、区切り文字を指定することもできます。

var fruit = ["バナナ", "オレンジ", "リンゴ", "マンゴー"]
console.log(フルーツ.join(" * "))
//バナナ * オレンジ * リンゴ * マンゴー

3.連結():

既存の配列を結合 (連結) して新しい配列を作成します。複数接続可能

var myGirls = ["セシリー", "ローン"];
var myBoys = ["エミル", "トビアス", "ライナス"];
var myChildren = myGirls.concat(myBoys); // myGirlsとmyBoysを連結する
 var arr1 = ["セシリー", "ローン"];
var arr2 = ["エミル", "トビアス", "ライナス"];
var arr3 = ["ロビン", "モーガン"];
var myChildren = arr1.concat(arr2, arr3); // arr1、arr2、arr3を連結する

4.スライス()：

このメソッドは、配列のスライスを使用して新しい配列を作成します。

var fruit = ["バナナ", "オレンジ", "レモン", "リンゴ", "マンゴー"];
var citrus = fruit.slice(1);//最初から最後まで//["オレンジ", "レモン", "アップル", "マンゴー"]
 var fruit = ["バナナ", "オレンジ", "レモン", "リンゴ", "マンゴー"];
var citrus = fruit.slice(1,3); // 1番目から3番目まで（3を除く）
//["オレンジ", "レモン"]

5.マップ():

配列の各要素に対して指定された関数を呼び出し、元の配列を変更せずに結果を新しい配列として返します。

arr = [1, 2, 3, 4, 5]とします。
let newArr = arr.map(x => x*2) // 省略形矢印関数 //arr = [1, 2, 3, 4, 5] 元の配列は変更されません //newArr = [2, 4, 6, 8, 10] 新しい配列を返します

6. forEach():

配列内の各要素に対して指定された関数を実行します。戻り値は指定されません。map メソッドとの違いに注意してください。

arr = [1, 2, 3, 4, 5]とします。
arr.forEach(x => {
    コンソール.log(2*x)
    // return x*2 戻り値は役に立たない、この関数には戻り値がない})

7.フィルター():

このメソッドは、すべての要素を判断し、条件を満たす要素を新しい配列として返します。条件は関数内に記述されています! ！！

arr = [1, 2, 3, 4, 5]とします。
newArr = arr.filter(値 => 値 >= 3) とします。
// または let newArr = arr.filter(function(value) {return value >= 3} )
コンソールログ(新しいArr)
//[3,4,5]

8.すべて():

このメソッドは、すべての要素を判定した後、ブール値を返します。すべての要素が判定条件を満たしている場合は true を返し、そうでない場合は false を返します。

arr = [1, 2, 3, 4, 5]とします。
const isLessThan4 = 値 => 値 < 4
const isLessThan6 => 値 => 値 < 6
arr.every(isLessThan4) //false の場合
arr.every(isLessThan6) //true です

9.いくつか():

このメソッドは、すべての要素を判定した後、ブール値を返します。判定条件を満たす要素がある場合は true を返します。すべての要素が判定条件を満たさない場合は false を返します。

arr = [1, 2, 3, 4, 5]とします。
const isLessThan4 = 値 => 値 < 4
const isLessThan6 = 値 => 値 > 6
arr.some(isLessThan4) //true です
arr.some(isLessThan6) //偽

10.reduce():

このメソッドはすべての要素に対して return 関数を呼び出し、戻り値が最終結果になります。渡される値は関数型である必要があります。

arr = [1, 2, 3, 4, 5]とします。
定数追加 = (a, b) => a + b
合計 = arr.reduce(add) とします。  
 console.log(sum) // sum = 15 は累積の効果に相当します // これに対応する Array.reduceRight() メソッドもありますが、違いは、こちらは右から左に操作することです