JavaScript の配列

Linda Hamilton
リリース: 2025-01-19 02:29:14
オリジナル
164 人が閲覧しました

Arrays in JavaScript

コア JavaScript 配列メソッドの詳細な説明

一般的に使用される JavaScript 配列メソッドの一部を次に示します:

  1. push(): 1 つ以上の要素を配列の末尾に追加し、新しい配列の長さを返します。

    <code class="language-javascript">let numbers = [1, 2, 3];
    console.log(numbers.push(4)); // 输出:4  numbers数组变为 [1, 2, 3, 4]</code>
    ログイン後にコピー
  2. slice(): 配列から指定されたインデックス範囲内の要素を抽出し、新しい配列を返します。元の配列は変更されません。

    <code class="language-javascript">let numbers = [1, 2, 3, 4, 5];
    console.log(numbers.slice(1, 4)); // 输出:[2, 3, 4]  (从索引1到3)</code>
    ログイン後にコピー
  3. splice(): 配列の要素を追加または削除します。 開始インデックス、削除する要素の数、挿入する新しい要素を指定できます。

    <code class="language-javascript">let fruits = ['apple', 'mango', 'orange', 'pear'];
    fruits.splice(2, 0, 'pawpaw', 'strawberries'); // 从索引2开始,不删除任何元素,插入'pawpaw'和'strawberries'
    console.log(fruits); // 输出:['apple', 'mango', 'pawpaw', 'strawberries', 'orange', 'pear']
    
    fruits.splice(2, 1); // 从索引2开始,删除1个元素
    console.log(fruits); // 输出:['apple', 'mango', 'strawberries', 'orange', 'pear']</code>
    ログイン後にコピー
  4. concat(): 2 つ以上の配列を連結し、新しい配列を返します。元の配列は変更されません。

    <code class="language-javascript">let arr1 = [1, 2, 3, 4];
    let arr2 = [5, 6, 7];
    console.log(arr1.concat(arr2)); // 输出:[1, 2, 3, 4, 5, 6, 7]
    let arr3 = [8, 9];
    console.log(arr1.concat(arr2, arr3)); // 输出:[1, 2, 3, 4, 5, 6, 7, 8, 9]</code>
    ログイン後にコピー
  5. fill(): 配列内の指定された範囲の要素を指定された値に置き換えます。

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.fill('Anurag', 2, 4); // 从索引2到3,用'Anurag'填充
    console.log(arr4); // 输出:[1, 2, 'Anurag', 'Anurag']</code>
    ログイン後にコピー
  6. shift(): 配列の最初の要素を削除し、その要素を返します。

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    arr4.shift();
    console.log(arr4); // 输出:[2, 3, 4]</code>
    ログイン後にコピー
  7. indexOf(): 配列内で最初に出現する指定された要素のインデックスを返します。要素が存在しない場合は、-1 を返します。

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.indexOf(3)); // 输出:2</code>
    ログイン後にコピー
  8. lastIndexOf(): 配列内で最後に出現した指定された要素のインデックスを返します。要素が存在しない場合は、-1 を返します。

    <code class="language-javascript">let arr4 = [1, 2, 3, 4, 3];
    console.log(arr4.lastIndexOf(3)); // 输出:4</code>
    ログイン後にコピー
  9. includes(): 配列に指定された要素が含まれているかどうかを判断し、ブール値を返します。

    <code class="language-javascript">let arr4 = [1, 2, 3, 4];
    console.log(arr4.includes(4)); // 输出:true
    console.log(arr4.includes(5)); // 输出:false</code>
    ログイン後にコピー
  10. pop(): 配列の最後の要素を削除し、その要素を返します。

    <code class="language-javascript"> let arr4 = [1, 2, 3, 4];
     arr4.pop();
     console.log(arr4); // 输出:[1, 2, 3]</code>
    ログイン後にコピー
  11. join(): 配列要素を文字列に連結し、その文字列を返します。区切り文字を指定できます。

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     console.log(arr4.join('and')); // 输出:1and2and3</code>
    ログイン後にコピー
  12. unshift(): 1 つ以上の要素を配列の先頭に追加し、新しい配列の長さを返します。

    <code class="language-javascript"> let arr4 = [1, 2, 3];
     arr4.unshift(0);
     console.log(arr4); // 输出:[0, 1, 2, 3]</code>
    ログイン後にコピー

私の GitHub リンク
私の LinkedIn リンク (実際のリンクに置き換えてください)

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート