{category}

JavaScript - オブジェクト型

Array

アレイ(データ型

意味 配列型


Arrayとは?

順番に並べられた要素のリストを表現するデータ型。

Arrayの具体的な使い方

Array型の変数をコンソールに表示する例

let fruits = ['apple', 'banana', 'cherry'];
console.log('fruits は配列です。その内容は: ' + fruits.join(', '));

👇出力結果

fruits は配列です。その内容は: apple, banana, cherry

fruitsという変数に配列を代入し、その内容をコンソールに表示します。

配列の要素へのアクセスと長さの取得

let numbers = [1, 2, 3, 4, 5];

// 配列の要素にアクセス
console.log(numbers[0]);

// 配列の長さを取得
console.log(numbers.length);

👇出力結果

1
5

配列の要素へのアクセス方法と長さの取得方法を示します。

配列への要素の追加

let numbers = [1, 2, 3, 4, 5];

// 配列の末尾に要素を追加
numbers.push(6);
console.log(numbers);

👇出力結果

[1, 2, 3, 4, 5, 6]

push()メソッドを使用して配列の末尾に新しい要素を追加する方法を示します。

配列からの要素の削除

let numbers = [1, 2, 3, 4, 5];

// 配列の先頭から要素を削除
let firstElement = numbers.shift();
console.log(firstElement);
console.log(numbers);

👇出力結果

1
[2, 3, 4, 5]

shift()メソッドを使用して配列の先頭から要素を削除し、その要素を取得する方法を示します。

Arrayに関するよくある質問

Q. JavaScriptの配列とは?
A. JavaScriptの配列は、複数の値を順序付けられたリストとして格納するためのオブジェクトです。配列の要素には任意の型の値(数値、文字列、オブジェクト、他の配列など)を含めることができます。
Q. 配列の長さを取得するには?
A. 配列の長さ(要素の数)を取得するには、配列の'length'プロパティを使用します。例えば、'let arr = [1, 2, 3]; console.log(arr.length);'とすると、3が出力されます。
Q. 配列に要素を追加する方法は?
A. 配列に要素を追加する主な方法には以下があります: 1. push()メソッド:配列の末尾に要素を追加 2. unshift()メソッド:配列の先頭に要素を追加 3. インデックスを指定して直接代入:例えば'arr[arr.length] = newElement;' また、spread演算子(...)を使用して新しい配列を作成することもできます。
Q. 配列から要素を削除する方法は?
A. 配列から要素を削除する主な方法には以下があります: 1. pop()メソッド:配列の末尾の要素を削除して返す 2. shift()メソッド:配列の先頭の要素を削除して返す 3. splice()メソッド:指定した位置から指定した数の要素を削除(同時に新しい要素を挿入することも可能) 4. filter()メソッド:条件に合う要素だけを含む新しい配列を作成

Arrayが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのArrayやRegExp、undefined、Symbol、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

RegExp

正規表現型

種類: オブジェクト型

undefined

値を持っていない

種類: プリミティブ型

Symbol

固有の値

種類: プリミティブ型

mouseup

マウスボタン離放イベント

種類: ユーザーインタラクションイベント

date.toDateString()

日付の文字列を取得

種類: Date