Open1
【React】配列とオブジェクトの分割代入をする
yu.miyoshi概要
よくコンポーネントの引数を一旦propsで受けて、その値を分割代入で取り出すということがよくあるので、改めて何をしているかについて記述してみる。
やったこと
配列の取り出し
// 冗長な取り出し方の場合
const array = ["soccer", "baseball"]
const sport_A = array[0]
const sport_B = array[1]
console.log(sport_A) // soccer
console.log(sport_B) // baseball
// 分割代入の場合
const [sport_A, sport_B] = array
console.log(sport_A) // soccer
console.log(sport_B) // baseball
オブジェクトの取り出し
// 冗長な取り出し方の場合
const obj = {
sport: "basketball",
player: 5,
manga: "slamdunk"
}
const sport = obj.sport
const player = obj.player
// 分割代入の場合
const obj = {
sport: "basketball",
player: 5,
manga: "slamdunk"
}
const { sport, player, fruit } = obj
// objのkeyに対応し代入される
console.log(sport)
console.log(player)
console.log(fruit)
// fruitはないのでundefined
参考サイト