Javascriptでオブジェクトや配列をループする方法

こんにちは！ちゃるです。
今日はJavascriptのループについて調べてみました😀

JavaScriptでは、for文やfor-in文、for-of文、while文、do-while文などが使えます。

まず、for文を使って配列をループする例を見てみましょう。以下は、配列colorsをfor文を使って取り出している例です。

// 配列を定義する
const colors = ['赤', '青', '黄'];

// for文を使って配列をループする
for (let i = 0; i < colors.length; i++) {
  console.log(colors[i]);
}

このfor文を使うと、配列colorsの要素を1つずつ取り出すことができます。

次に、for-in文を使ってオブジェクトをループする例を見てみましょう。以下は、オブジェクトuserをfor-in文を使って取り出している例です。

// オブジェクトを定義する
const user = {
  name: '太郎',
  age: 20,
  gender: '男'
};

// for-in文を使ってオブジェクトをループする
for (const key in user) {
  console.log(key + ': ' + user[key]);
}

このfor-in文を使うと、オブジェクトuserの各プロパティを1つずつ取り出すことができます。

最後に、for-of文を使って配列やオブジェクトをループする例を見てみましょう。以下は、配列colorsをfor-of文を使って取り出している例です。

// 配列を定義する
const colors = ['赤', '青', '黄'];

// for-of文を使って配列をループする
for (const color of colors) {
  console.log(color);
}

このfor-of文を使うと、配列colorsの要素を1つずつ取り出すことができます。また、for-of文は、オブジェクトをループすることもできます。以下は、オブジェクトuserをfor-of文を使って取り出している例です。

// オブジェクトを定義する
const user = {
  name: '太郎',
  age: 20,
  gender: '男'
};

// for-of文を使ってオブジェクトをループする
for (const value of Object.values(user)) {
  console.log(value);
}

この例では、Object.valuesメソッドを使って、オブジェクトuserの値を配列として取り出し、その配列をfor-of文でループしています。

このように、JavaScriptでは、複数の方法を使ってオブジェクトや配列をループすることができます。プログラムでは必須の知識ですね！

サポートをいただいたらスクールに通ったり参考書を買ったりしたいと思います。支援をお待ちしています😀