JavaScriptの配列メソッド。

配列にはいくつかのメソッドがあります

1.push()
2.シフト解除()
3.pop()
4.shift()
5.splice()
6.slice()
7.indexOf()
8.includes()
9.forEach()
10.map()
11.filter()
12.find()
13.some()
14.毎()
15.concat()
16.join()
17.sort()
18.reduce()

1 Push() メソッド

*最後の位置に新しい要素を追加します。

構文

array.push(要素1, 要素2, ..., 要素N)

例

フルーツ = ['リンゴ', 'バナナ'];
let newLength =fruits.push('オレンジ', 'マンゴー');

console.log(フルーツ); // 出力: ['apple', 'banana', 'orange', 'mango']
console.log(newLength); // 出力: 4

2 unshift() メソッド

*初期位置に新しい要素を追加します。

構文

array.unshift(item1, item2, ..., itemN)

例

const Fruits = ["バナナ", "オレンジ", "リンゴ"];
フルーツ.unshift("レモン");
console.log(フルーツ); // 出力: ["レモン"、"バナナ"、"オレンジ"、"リンゴ"]

3 Pop()メソッド

*最後の要素が削除されます。
*配列から削除された要素を返します
*配列が空の場合は「未定義」

構文

array.pop();

例

const Fruit = ['Apple', 'Banana', 'Cherry'];
const lastFruit = Fruits.pop();
console.log(フルーツ); // 出力: ['Apple', 'Banana']
console.log(lastFruit); // 出力: 'チェリー'

4shift()メソッド

*最初の要素が削除されます。
*配列から削除された要素を返します

構文

array.shift();

例

const Fruits = ['Apple', 'Banana', 'Cherry'];
const firstFruit = Fruits.shift();
console.log(フルーツ); // 出力: ['バナナ', 'チェリー']
console.log(firstFruit); // 出力: 'Apple'

5 splice() メソッド

*配列に要素を追加または削除します。

*splice() は元の配列を変更します。

構文

array.splice(start, deleteCount, item1, item2, ...);

例

色 = ['赤', '緑', '青'];
color.splice(1, 0, 'イエロー', 'ピンク'); // インデックス 1 に「黄色」と「ピンク」を追加します
コンソール.ログ(色); // 出力: ['Red', 'Yellow', 'Pink', 'Green', 'Blue']

6 スライス()メソッド

※配列の一部を抽出(付与)するために使用します。
*スライスは配列を返します。
*スライスは元の配列を変更しません。

構文

array.slice(開始、終了);

例

数値 = [2, 3, 5, 7, 11, 13, 17];
let newArray =numbers.slice(3, 6);
console.log(newArray); // 出力: [7, 11, 13]

7 IndexOf() メソッド

*JavaScript のindexOf() メソッドは、配列内で特定の要素が見つかる最初のインデックスを検索するために使用されます。要素が存在しない場合は -1 が検索されます。

構文

array.indexOf(searchElement, fromIndex);

例

let Fruits = ['Apple', 'Banana', 'Orange', 'Banana'];
letindex =fruits.indexOf('バナナ');
コンソール.ログ(インデックス); // 出力: 1

8 include() メソッド

*特定の要素が配列内に存在するかどうかを識別するために使用されます。
*要素が存在する場合は「true」を返し、それ以外の場合は「false」を返します。
*ブール値を返します。

構文

array.includes(searchElement, fromIndex);

例

数値 = [1, 2, 3, 4, 5];
let hasThree =numbers.includes(3, 2);
console.log(hasThree); // 出力: true

9 forEach() メソッド

• 各要素の関数を実行します。
• 新しい配列は作成されません。
• 元の配列は変更されません。

例

数値 = [1, 2, 3];
numbers.forEach((値, インデックス, arr) => {
arr[インデックス] = 値 * 2;
});
console.log(数字); // 出力: [2, 4, 6]

10 map() メソッド

• 配列の各要素を受け取ります。
• マップ配列の出力は常に配列のみです。
• 元の配列は変更されません
• 新しい配列を作成します。

例

定数数値 = [10, 20, 30];
const increated =numbers.map((num,index)=>num+index);
console.log(増分); // 出力: [10, 21, 32]

11 filter() メソッド

• 特定の条件に基づいて配列の要素またはデータをフィルタリングするために使用されます。
  • 「true」が返された場合、このパラメータに格納されているデータが返されます。
  • 「false」を返す場合は値を返さず、空の配列を返します
  • 新しい配列を作成します。
  • 元の配列は変更されません。

例

const 数値 = [1, 2, 3, 4, 5, 6];
const EvenNumbers =numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 出力: [2, 4, 6]

12 find() メソッド

• コールバック関数が true を返す配列の最初の要素を返します。
  • 要素が false であるか、条件を満たさない場合は、「未定義」を返します。
  • 元の配列は変更されません。

例

const 数値 = [1, 3, 4, 9, 8];

関数 isEven(要素) {
戻り要素 % 2 === 0;
}

const firstEven =numbers.find(isEven);
console.log(firstEven); // 出力: 4

13 some() メソッド

• 少なくとも 1 つの要素がテストに合格した場合に true を返します。
• テストに合格した要素がない場合は false を返します。
• 最初に通過した要素が見つかるとテストを停止します。 *元の配列は変更されません。

例

const 数値 = [2, 4, 6, 8, 10];

const hasGreaterThanFive =numbers.some(num => num > 5);
console.log(hasGreaterThanFive); // 出力: true

14 Every() メソッド

• すべての条件が満たされるかどうか、配列内のすべての要素をテストします それから true を返します。
• 1 つの条件が満たされない場合は false を返します。
• 元の配列は変更されません。

例

定数 = [10, 20, 30, 40, 50];

const allGreaterThanFive =numbers.every(num => num > 5);
console.log(allGreaterThanFive); // 出力: true

15 concat() メソッド

*2 つ以上の配列を結合し、新しい配列を返します。

例

const Fruits = ['Apple', 'Banana'];
const 野菜 = ['ニンジン', 'エンドウ豆'];
const 穀物 = ['米', '小麦'];

const food =fruits.concat(野菜、穀物);
コンソール.ログ(食べ物); // 出力: ['リンゴ', 'バナナ', 'ニンジン', 'エンドウ豆', '米', '小麦']

16 join() メソッド

*配列のすべての要素を連結して新しい文字列を作成し、
指定された区切り文字による文字列を返します。

例

const 文字 = ['J', 'o', 'i', 'n'];
const result = 文字.join('');
console.log(結果); // 出力: '結合'

17 sort() メソッド

*配列の要素を所定の位置に配置し、ソートされた配列を返すために使用されます。

• デフォルトでは、sort メソッドは要素を文字列として昇順に並べ替えます。

例1

const 数値 = [4, 2, 5, 1, 3];
numbers.sort((a, b) => a - b);
console.log(数字); // 出力: [1, 2, 3, 4, 5]

例2

const 数値 = [4, 2, 5, 1, 3];
numbers.sort((a, b) => b - a);
console.log(数字); // 出力: [5, 4, 3, 2, 1]

18re​​duce()メソッド

• いくつかの操作を実行し、配列を単一の値に減らします。

例

数値 = [1, 2, 3, 4, 5];
let sum =number.reduce((accumulator, currentValue) => {
アキュムレータ + currentValue を返します;
}, 0);

console.log(合計);

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