オブジェクトのキーとして、変数の値を使用 | 「オブジェクト」カテゴリー

オブジェクトのキーとして、変数の値を使用するためには？

　閲覧数:387 　投稿日:2017-11-13 　更新日:2017-11-13 　

ブラケット演算子を使用
・ドット演算子では不可

let keyval ='name';
let obj = {
    [keyval]: 'ブラウン'
}
console.log(obj); //{name: "ブラウン"}

{name: "ブラウン"}

順位	ページタイトル抜粋	％
1	オブジェクトのキーとして、変数の値を使用	95
2	オブジェクトのキーとして、配列からランダムな値を取得して使用	68
3	現在日時を、dateオブジェクトとして取得	54
4	オブジェクトの要素数を数える	53
5	オブジェクトを生成し、アクセス	51
6	オブジェクト内配列より、重複しない値を取得して、新たな配列を生成	42
7	配列をネストしたオブジェクトを生成し、アクセス	42
8	検索文字列を使用して文字列内のテキストを置換	38
9	json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換	38
10	文字列内のテキストを正規表現で置換。その際、エスケープ使用	33
11	配列の要素を「数値の降順」にソート	32
12	json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換	31
13	配列生成後、全ての中身を順番に、別の関数へ引数として渡す	29
14	オブジェクトから JSON へ変換。JSON.stringify() メソッドを利用	29
15	テーブルタグと内容を作成して追加／ for	29
16	テーブルタグと内容を作成して追加／ insertRow	25
17	数値のゼロ埋め（桁を揃える）	24
18	引数の既定値	23
19	現在日時を、「1970年1月1日0時0分0秒（UTC）からの経過秒数」として、ミリ秒単位で取得	21
20	クリックした要素を取得	19
	2025/11/05 9:33 更新

順位	ページタイトル抜粋	アクセス数
1	クリックした要素のid名を取得／クリックした要素のクラス名を取得 \| クリック(イベント)	5
2	オブジェクト内配列より、重複しない値を取得して、新たな配列を生成 \| オブジェクト	1
2	spilit \| タグ毎エントリー一覧	1
2	firstChild \| タグ毎エントリー一覧	1
2	JavaScriptコード	1
2	json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 \| JSON	1
2	ログイン	1
2	replace \| タグ毎エントリー一覧	1
2	ゲストコメント一覧ページ	1
2	String \| タグ毎エントリー一覧	1
2	RegExp \| タグ毎エントリー一覧	1
2	算術演算子(演算子) カテゴリー	1
2	valueOf \| タグ毎エントリー一覧	1
2	正規表現(テキスト処理) カテゴリー	1
2	三項演算子(演算子) カテゴリー	1
	2025/11/5 1:02 更新