Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで変数値からオブジェクトプロパティを作成するにはどうすればよいですか?


JSには、オブジェクトプロパティを作成するための、ドット表記とブラケット表記の2つの表記があります。

変数からオブジェクトプロパティを作成するには、次のようにブラケット表記を使用する必要があります-

const obj = {a: 'foo'}
const prop = 'bar'
// Set the property bar using the variable name prop
obj[prop] = 'baz'
console.log(obj);
を使用してプロパティバーを設定します

出力

これにより、出力が得られます-

{
   a: 'foo',
   bar: 'baz'
}

ES6では、計算されたプロパティ名が導入されています。これにより、次のことが可能になります-

const prop = 'bar'
const obj = {
   // Use a as key
   a: 'foo',
   // Use the value of prop as key
   [prop]: 'baz'
}
console.log(obj);

出力

これにより、出力が得られます-

{
   a: 'foo',
   bar: 'baz'
}

  1. JavaScriptを使用してURLオブジェクトを作成するにはどうすればよいですか?

    以下は、JavaScriptを使用してURLオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g

  2. 多次元JavaScriptオブジェクトを作成するにはどうすればよいですか?

    以下は、多次元JavaScriptオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &n