この記事では、配列とは何かについて詳しく解説します。
解説:
配列は、複数のデータを1つの変数としてまとめて扱えるデータ構造です。
変数との大きな違いは、1つの配列の中に複数のデータを格納することができる点です。
以下に例を示します。
// 配列は、複数の値を保存できる
const array = [1, 2, 3];
console.log(array[0]); // 結果 : 1
console.log(array[1]); // 結果 : 2
// 変数は、1つの値を保存できる
const text = 'おはよう!';
const num = 100;
console.log(text); // 結果 : おはよう!
解説:
変数と同様に、配列を使用する際にも宣言をする必要があります。
宣言の方法は、「配列コンストラクタ方式」と「配列リテラル方式」の2種類があります。
// 配列コンストラクタ
const array1 = new Array('春', '夏', '秋', '冬');
// 配列リテラル
const array2 = ['春', '夏', '秋', '冬'];
console.log(array1); // 結果 : ['春', '夏', '秋', '冬']
console.log(array2); // 結果 : ['春', '夏', '秋', '冬']
// 挙動の違いの例
const array1 = new Array(10);
const array2 = [10];
console.log( array1 ); // 結果 : [empty x 10]
console.log( array2 ); // 結果 : [10]
解説:
配列の作成時や繰返し利用するときに初期化する方法について
そもそも初期化ですが、入っている「データをリセットする」または、「空っぽにする」という意味になります。
やり方は、非常にシンプルで空の配列を代入するだけです。
// 初期化の例
let array = [1, 2, 3, 4];
console.log(array); // 結果 : [1, 2, 3, 4]
array = [];
console.log(array); // 結果 : []
解説:
配列の要素は、インデックス(要素番号)を指定することで取得できます。
その前に“要素”とは何かですが、これは配列に格納されている個々の“データ”のことを指します。
以下の例を示します。
// 配列の要素の取得の例
const class4 = ['saramu', 'kanna', 'arisa', 'kaito'];
// 1番目の要素
console.log('class4[0]:' + class4[0]); // 結果 : class4[0]:saramu
// 4番目の要素
console.log('class4[3]:' + class4[3]); // 結果 : class4[3]:kaito
// 5番目の要素
console.log('class4[4]:' + class4[4]); // 結果 : class4[4]:undefined
undefined 」になりますので、こちらも注意してください。
解説:
配列の要素を検索する方法はいくつかありますが、ここでは手軽に使える「indexOf()」メソッドを紹介します。
こちらは配列内のデータを検索して、最初に見つかった要素番号(インデックス)を取得することができます。
// indexOf()を使用した、配列要素の検索
const items = ['scarf', 'globes', 'cap', 'socks'];
const result1 = items.indexOf('cap');
const result2 = items.indexOf('sweater');
const result3 = items.indexOf('Scarf');
console.log(result1); // 結果 : 2
console.log(result2); // 結果 : -1(検索結果無し)
console.log(result3); // 結果 : -1(検索結果無し)