Javascriptで配列要素をfor文で取り出す簡単な方法

概要

Javascriptで配列、連想配列の要素をfor文で簡単に取り出したいって時。この記事では基本的な方法と、略した記述、速度をすこし考慮した記述などをメモした。

本編

[配列の場合]

普通のfor文記述

  • 一番はやい、詳細設定できる
  • けど記述が面倒
let ar = [10, 20, 30];
for(let i = 0; i < ar.length; i++) {
  console.log(ar[i])
}

for in を利用

  • inでindex取り出す
  • 記述がシンプル
  • けど処理が遅い
for(let i in ar) {
  console.log(ar[i]);
}

for of を利用

  • ofでvalue取り出す
  • シンプル
  • けど遅い
for(let v of ar) {
  console.log(v);
}

Array.forEachを使う

  • valueもindexもarray全体も取り出せる
  • 実装もシンプル
  • かつforの次に早い
  • とりあえずこれを使えば無難
ar.forEach(function(v, i, a){
  console.log(v);
});
// vは要素, iはindex, aは配列(ここではar)全部

オブジェクト(連想配列)の場合

for in の利用

  • for in でkeyをとりあえず
  • はやい
  • シンプル
  • forEachも使えるけど遅い、なのでとりあえずfor inを使えば無難
let obj = {test1: 10, test2:20, test3:30};
for(let k in obj) {
  console.log(obj[k]);
//   10 20 30
}

まとめ

  • 配列ではArray.forEach
  • 連想配列ではfor in を使えばよさそう

参考、引用サイト

ありがとうございます。

Contents