JavaScriptの配列について

[JavaScript]配列について

はじめに

配列はとても種類が多く、一回の投稿ではまとめることができませんでした。なので随時更新していこうと思います。勉強したものをアウトプットさせて頂きます。

配列とは何か？

複数の値をまるで1つのデータのように取り扱うことができるようになるもの。
、データを入れる箱のようなもの。

配列の作成方法

[]のなかにデータを入れていく。

let drink = ['コーラ', 'オレンジジュース', '烏龍茶'];

配列の要素を検索する方法

「indexOf()」は、指定した「値」が配列データに存在する場合にその場所を「インデックス番号」で取得できる機能を持っています。なのでこちらのメソッドを使用します。

const drink = [ 'コーラ','オレンジジュース','烏龍茶','メロンソーダ','コーラ']

console.log(drink.indexOf('コーラ'));// 0
console.log(drink.indexOf('コーラ',2));//4
console.log(drink.indexOf('ぶどうジュース'));-1 配列に存在しないと-1が表示される。

配列の要素を追加する

pushメソッドを使用することで配列の最後に要素を追加できる。

let drink = ['コーラ', 'オレンジジュース', '烏龍茶'];

drink.push('メロンソーダ');

console.log(drink);　　// =>['コーラ', 'オレンジジュース', '烏龍茶' 'メロンソーダ']

配列の要素を削除する

deleteメソッドを使用することで、指定した要素を削除できます。

let drink = ['コーラ', 'オレンジジュース', '烏龍茶'];

delete drink[1];

console.log(drink);　　// =>['コーラ', '', '烏龍茶']

配列を連結・結合する方法

join()メソッドを使用することで、配列の各要素を連結・結合して「文字列（String）」として出力することができる。
※引数に何も指定しなければカンマ区切りになります。

const months = [2022, 2, 8 ];

const result = months.join('/');

console.log( result );　　// =>2022/2/8

処理した要素を新しい配列で作成する方法

map()メソッドを使用することで、処理した後に新たに配列を作成してくれます。

const months = [1,2,3,4,5];

const result = months.map(function( value ) {

    //配列の各要素を2倍にする
    return value * 2;

});

console.log( result );　　// =>[2, 4, 6, 8, 10]

配列要素を繰り返し処理する方法

forEach()メソッドを使用することで、配列データに対してのみ実行することが可能で、各要素1つずつに任意の処理を実行させることができます。

const drinks = ['コーラ', 'オレンジジュース', '烏龍茶']

drinks.forEach(function (drink, i) {
    console.log(`${i}:${drink}`) //配列の要素が置き換わるので添字が必要ない
})// =>"0:コーラ","1:オレンジジュース","2:烏龍茶"

大まかではありますが配列についてまとめてみました。
勉強したらまた投稿させて頂きます！