【Javascript応用】よく使われる配列関数 一覧

JavaScriptにおける配列操作は非常に重要であり、効率的なコードを書くために必須のスキルです。
配列関数は、配列内の要素を追加、削除、変更、検索するための便利なメソッドを提供します。
以下では、JavaScriptでよく使われる配列関数を一覧で紹介し、それぞれの使用方法と例を解説します。

目次

よく使われる配列関数一覧

① push(): 配列の末尾に1つ以上の要素を追加します。

    let fruits = ['apple', 'banana'];
    fruits.push('orange', 'kiwi');
    console.log(fruits); // ['apple', 'banana', 'orange', 'kiwi']

    ② pop(): 配列の末尾の要素を削除して返します。

      let fruits = ['apple', 'banana', 'orange'];
      let removedFruit = fruits.pop();
      console.log(removedFruit); // 'orange'
      console.log(fruits); // ['apple', 'banana']

      ③ shift(): 配列の先頭の要素を削除して返します。

        let fruits = ['apple', 'banana', 'orange'];
        let removedFruit = fruits.shift();
        console.log(removedFruit); // 'apple'
        console.log(fruits); // ['banana', 'orange']

        ④ unshift(): 配列の先頭に1つ以上の要素を追加します。

          let fruits = ['banana', 'orange'];
          fruits.unshift('apple', 'kiwi');
          console.log(fruits); // ['apple', 'kiwi', 'banana', 'orange']

          ⑤ splice(): 指定した位置から要素を削除または追加します。

            let fruits = ['apple', 'banana', 'orange', 'kiwi'];
            fruits.splice(2, 1, 'grape', 'peach'); // 2番目の位置から1つの要素を削除し、'grape'と'peach'を追加
            console.log(fruits); // ['apple', 'banana', 'grape', 'peach', 'kiwi']

            ⑥ slice(): 指定した範囲の要素を取得して新しい配列として返します。

              let fruits = ['apple', 'banana', 'orange', 'kiwi'];
              let selectedFruits = fruits.slice(1, 3); // 1番目から2番目までの要素を取得
              console.log(selectedFruits); // ['banana', 'orange']

              ⑦ concat(): 他の配列や値と結合して新しい配列を作成します。

                let fruits1 = ['apple', 'banana'];
                let fruits2 = ['orange', 'kiwi'];
                let allFruits = fruits1.concat(fruits2);
                console.log(allFruits); // ['apple', 'banana', 'orange', 'kiwi']

                これらのメソッドはJavaScriptでよく使われる配列関数の一部ですが、他にも多くの便利な関数があります。これらの関数を活用して、より効率的で読みやすいコードを書くことができます。

                まとめ

                JavaScriptの配列関数は、効率的なデータ処理を実現するための強力なツールです。
                この記事では、以下のよく使われる配列関数を紹介しました:

                • push()pop(): 配列の末尾に要素を追加または削除します。
                • shift()unshift(): 配列の先頭に要素を追加または削除します。
                • splice()slice(): 配列の指定した位置から要素を削除、追加、または取得します。
                • concat(): 他の配列や値と結合して新しい配列を作成します。

                これらの関数を使うことで、配列の操作が簡単になり、コードの読みやすさと保守性が向上します。
                JavaScriptでの開発作業を効率化するために、これらの配列関数を積極的に活用しましょう。

                目次