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

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

　閲覧数:334 　投稿日: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/4/30 14:34 更新

順位	ページタイトル抜粋	アクセス数
1	クリックした要素のid名を取得／クリックした要素のクラス名を取得 \| クリック(イベント)	10
2	JavaScriptコード	3
2	クリックした要素を取得 \| クリック(イベント)	3
3	spilitで、指定した内容で分割できないときの戻り値は、["対象文字列"] \| 文字列(テキスト処理)	2
3	json 文字列を eval 関数(セキュリティリスクあり)を使ってオブジェクトへ変換 \| JSON	2
3	json 文字列を JSON.parse() メソッド(推奨)を使ってオブジェクトへ変換 \| JSON	2
3	配列からランダムに値を取得 \| 配列	2
3	正規表現(テキスト処理) カテゴリー	2
3	数値のゼロ埋め（桁を揃える） \| テキスト処理	2
3	三項演算子の入れ子 \| 三項演算子(演算子)	2
3	eval \| タグ毎エントリー一覧	2
3	「二つ置き」毎に結果が7増加するよう数字を表示 \| 算術演算子(演算子)	2
3	firstChild \| タグ毎エントリー一覧	2
3	replace \| タグ毎エントリー一覧	2
3	現在日時を取得後、整形表示 \| 日付および時刻関連	2
3	t \| タグ毎エントリー一覧	2
3	n \| タグ毎エントリー一覧	2
3	location \| タグ毎エントリー一覧	2
3	p \| タグ毎エントリー一覧	2
3	oncontextmenu \| タグ毎エントリー一覧	2
	2025/4/30 1:02 更新