Gibt es eine Möglichkeit, variable Schlüssel in einem JavaScript-Objektliteral zu verwenden?

Ich habe solchen Code.

var key = "anything";   
var object = {   
    key: "key attribute"  
};

Ich möchte wissen, ob es eine Möglichkeit gibt, dies durch key"irgendetwas" zu ersetzen .

mögen

var object = {  
    "anything": "key attribute"     
};

Verwenden Sie in ES6 berechnete Eigenschaftsnamen .

const key = "anything";   

const object = {   
    [key]: "key attribute"
//  ^^^^^  COMPUTED PROPERTY NAME
};

Beachten Sie die eckigen Klammern key. Sie können tatsächlich jeden Ausdruck in eckigen Klammern angeben, nicht nur eine Variable.

Ja. Sie können verwenden:

var key = "anything";
var json = { };
json[key] = "key attribute";

Oder verwenden Sie einfach Ihre zweite Methode, wenn Sie beim Schreiben des Programms die Werte zur Hand haben.

In modernem Javascript (ECMAScript 6) können Sie die Variable mit eckigen Klammern umgeben:

var key = "anything";

var json = {
    [key]: "key attribute"
};

Dies sollte den Trick tun:

var key = "anything";

var json = {};

json[key] = "key attribute";

Lösung:

var key = "anything";

var json = {};

json[key] = "key attribute";

Verschlüsse eignen sich hervorragend dafür.

function keyValue(key){
  return function(value){
    var object = {};
    object[key] = value;
    return object;
  }
}

var key = keyValue(key);
key(value);

Kürzlich wurde eine Lösung zum Setzen von Cookies benötigt, die die dynamischen JSON-Schlüsselwerte übergeben. Mit https://github.com/js-cookie/js-cookie#json ist dies problemlos möglich. Wollte jeden ausgewählten Optionswert des Benutzers in einem Cookie speichern, damit er beim Herunterfahren der Registerkarte oder des Browsers nicht verloren geht.

var json = { 
        option_values : {}
    };
    $('option:selected').each(function(index, el) {
        var option = $(this);
        var optionText = option.text();
        var key = 'option_' + index;
        json.option_values[key] = optionText;
        Cookies.set('option_values', json, { expires: 7 } );
    }); 

Anschließend können Sie jeden Cookie-Schlüsselwert bei jedem Laden der Seite mit abrufen

Cookies.getJSON('option_values');

Nun, es gibt keinen "direkten" Weg, dies zu tun ...

aber das sollte es tun:

json[key] = json.key;
json.key = undefined;

Es ist ein bisschen schwierig, aber hey, es funktioniert!