JavaScript の配列にはメソッドが含まれます

JavaScript は、Web 開発やアプリケーション開発で広く使用されている一般的に使用されるプログラミング言語です。その中でも、配列は JavaScript で一般的に使用されるデータ構造の 1 つであり、一連の関連データを格納し、このデータを処理するためのさまざまな操作をサポートできます。 JavaScript には配列操作に使用できるメソッドが多数用意されており、この記事ではその一部を紹介します。

1. push() メソッド

push() メソッドを使用すると、配列の末尾に 1 つ以上の要素を追加し、更新された配列の長さを返すことができます。たとえば、次のコードは、配列 age の最後に要素を追加します。

let ages = [25, 30, 35];
ages.push(40);
console.log(ages); // [25, 30, 35, 40]

2. pop() メソッド

pop() メソッドは、次のメソッドの逆です。 Push() メソッド。配列の末尾から要素を削除し、削除された要素を返します。たとえば、次のコードは配列 age の最後の要素を削除します。

let ages = [25, 30, 35];
let deletedAge = ages.pop();
console.log(deletedAge); // 35
console.log(ages); // [25, 30]

3. shift() メソッド

shift() メソッドは、pop( ) メソッドですが、配列の先頭から最初の要素を削除し、削除された要素を返します。たとえば、次のコードは配列 age の最初の要素を削除します。

let ages = [25, 30, 35];
let deletedAge = ages.shift();
console.log(deletedAge); // 25
console.log(ages); // [30, 35]

4. unshift() メソッド

unshift() メソッドはプッシュの逆です。 () メソッド。配列の先頭から 1 つ以上の要素を追加し、更新された配列の長さを返します。たとえば、次のコードは配列 age の先頭に要素を追加します。

let ages = [25, 30, 35];
ages.unshift(20);
console.log(ages); // [20, 25, 30, 35]

5. slice() メソッド

slice() メソッドを使用すると、配列の要素 指定された開始インデックスと終了インデックスの間の要素を含む新しい配列。たとえば、次のコードは、配列 age の 2 番目と 3 番目の要素を含む新しい配列を作成します。

let ages = [25, 30, 35];
let newAges = ages.slice(1, 3);
console.log(newAges); // [30, 35]

6. splice() メソッド

splice () メソッド配列に 1 つ以上の要素を追加、削除、または置換できます。開始インデックス、削除する要素の数、追加する要素の 3 つのパラメータを受け入れます。たとえば、次のコードは、ages 配列の 2 番目の要素を削除し、同じ位置に新しい要素を追加します:

let ages = [25, 30, 35];
ages.splice(1, 1, 28);
console.log(ages); // [25, 28, 35]

7. indexOf() メソッドと lastIndexOf() メソッド

indexOf() メソッドは、配列内で最初に出現する指定された要素のインデックスを返します。要素が存在しない場合は、-1 を返します。たとえば、次のコードは、配列 age の要素 35 のインデックスを返します。

let ages = [25, 30, 35];
let index = ages.indexOf(35);
console.log(index); // 2

lastIndexOf() メソッドは、indexOf() メソッドに似ていますが、指定された要素が最後に出現したインデックスを返します。配列内の要素。

8. forEach() メソッド

forEach() メソッドを使用すると、配列内のすべての要素を反復処理し、各要素に対して指定された操作を実行できます。たとえば、次のコードは、配列 age の各要素にメッセージを出力します。

let ages = [25, 30, 35];
ages.forEach(function(age) {
    console.log("The person's age is " + age);
});

9. map() メソッド

map() メソッドを使用すると、反復処理が可能になります。配列内のすべての要素を取得し、特定の条件に基づいて新しい値に変換します。たとえば、次のコードは、配列内の各要素に 2 を乗算し、新しい配列を作成します。

let ages = [25, 30, 35];
let doubledAges = ages.map(function(age) {
    return age * 2;
});
console.log(doubledAges); // [50, 60, 70]

10. filter() メソッド

filter() メソッドにより、次のことが可能になります。配列内のすべての要素を反復処理し、特定の条件を満たす要素を返します。たとえば、次のコードは、配列 age の 30 を超える要素を返します。

let ages = [25, 30, 35];
let filteredAges = ages.filter(function(age) {
    return age > 30;
});
console.log(filteredAges); // [35]

Array は JavaScript の非常に重要なデータ構造であり、複数の類似したデータを簡単に処理できるようになります。実際のプログラミングでは、配列の演算方法を習得することが非常に重要であり、開発効率とコードの可読性を大幅に向上させることができます。この記事では、読者の役に立つことを願って、一般的に使用される配列操作メソッドをいくつか紹介します。

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