objetos - ¿Hay alguna manera de usar claves variables en un objeto JavaScript literal?

recorrer array de objetos javascript

Question

Tengo un código como este.

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

Quiero saber si hay una manera de reemplazar esa key con "cualquier cosa".

me gusta

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

Answer 1

Bueno, no hay una forma "directa" de hacer esto ...

pero esto debería hacerlo:

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

Es un poco complicado, pero bueno, ¡funciona!

Answer 2

En ES6, use nombres de propiedad calculados .

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

Tenga en cuenta los corchetes alrededor de la key . En realidad, puede especificar cualquier expresión entre corchetes, no solo una variable.

Answer 3

En Javascript moderno (ECMAScript 6) puede rodear la variable con corchetes:

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

Answer 4

Esto debería funcionar:

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

Answer 5

Los cierres funcionan muy bien para esto.

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

Answer 6

Recientemente necesitaba una solución sobre cómo configurar las cookies pasando los valores dinámicos de la clave json. Usando el https://github.com/js-cookie/js-cookie#json , se puede hacer fácilmente. Quería almacenar cada valor de opción seleccionado del usuario en una cookie, para que no se pierda en caso de que la pestaña o el navegador se apaguen.

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 } );
});

Luego puede recuperar cada valor de clave de cookie en cada carga de página usando

Cookies.getJSON(''option_values'');

Answer 7

Sí. Puedes usar:

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

O simplemente use su segundo método si tiene los valores a mano cuando escribe el programa.

Answer 8

Solución:

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