JavaScriptの分割代入について挙動を確かめてみた

September 16, 2022

配列に対して行う

let [a, b, ...rest] = [10, 20, 30, 40, 50]
console.log(a)
console.log(b)
console.log(rest)

コンソール

10
20
(3) [30, 40, 50]

オブジェクトに対して行う

例1

let x = { a: 123, b: 'name', c: 333 }
let {b, c} = x
console.log(b)
console.log(c)

コンソール

name
333

例2

let x = { b: 'name', c: 333}
function hoge ({a = 'default', b, c}) {
  console.log('inner hoge')
  console.log("a:", a)
  console.log("b:", b)
  console.log("c:", c)
}
hoge(x)

コンソール

inner hoge
a: default
b: name
c: 333

参考


SHARE

Profile picture

Written by tamesuu