意外と知られていないJavaScriptの配列Arrayの使用方法

空の配列を作成

new Array() or [] で作成。[]のほうがコードが短くて済むため、基本的には後者が使用される。

// どちらも空の配列を作れる
var arr1 = new Array()
var arr2 = []

値の入った配列を作成(基本)

こちらも[]のほうがコードが短くて済む。

var arr1 = new Array('foo', 'bar', 'baz')
var arr2 = ['foo', 'bar', 'baz']

値の入った配列を作成(split)

文字列を半角スペースなどで区切ってsplitで配列にすることもできる。

console.log('foo bar baz'.split(' '))
// => ["foo", "bar", "baz"]

1文字ずつなら下記のように書ける。

console.log('小中大'.split(''))
// => ["小", "中", "大"]

長い文字列ならテンプレート文字列を使用すると可読性が高い。

const list = `
foo
bar
baz
`
const arr = list.split('\n').filter(v => v)
console.log(arr)
// => ["foo", "bar", "baz"]