[ES6]オブジェクトの分割代入のサンプル
書式
const オブジェクト名 = {
メンバー変数1:値,
メンバー変数2:値
};
const {変数名1,変数名2} =オブジェクト名
const オブジェクト名 = {
メンバー変数1:値,
メンバー変数2:値
};
const {変数名1,変数名2} =オブジェクト名
const オブジェクト名 = {
メンバー変数1:値,
メンバー変数2:値
};
const {変数名1,変数名2} =オブジェクト名
使用例
<script>
//オブジェクト変数の定義
const user = {
name: 'テスト太郎',
city: '東京' ,
age:32
};
//オブジェクトのメンバー変数分割代入
const {name, city, age} = user;
//オブジェクトのメンバー変数の値を出力
alert("名前: "+name);
alert("出身: " +city);
alert("年齢: "+age)
</script>
<script>
//オブジェクト変数の定義
const user = {
name: 'テスト太郎',
city: '東京' ,
age:32
};
//オブジェクトのメンバー変数分割代入
const {name, city, age} = user;
//オブジェクトのメンバー変数の値を出力
alert("名前: "+name);
alert("出身: " +city);
alert("年齢: "+age)
</script>
<script>
//オブジェクト変数の定義
const user = {
name: 'テスト太郎',
city: '東京' ,
age:32
};
//オブジェクトのメンバー変数分割代入
const {name, city, age} = user;
//オブジェクトのメンバー変数の値を出力
alert("名前: "+name);
alert("出身: " +city);
alert("年齢: "+age)
</script>
実行結果
名前:テスト太郎
出身：東京
年齢:32