MENU
  1. ホーム
  2. JavaScript
  3. Javascript応用
  4. 【Javascript応用】よく使われる配列関数　一覧

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

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での開発作業を効率化するために、これらの配列関数を積極的に活用しましょう。

                Javascript応用
                目次