funciones - javascript string to function

Use una cadena concatenada(dinámica) como clave de objeto de JavaScript?

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Es posible agregar propiedades nombradas dinámicamente a un objeto JavaScript? 14 respuestas

var test = "test123"
var test123 ={
"key" + test: 123
}

Este código no funciona. ¿Qué está mal con "clave" + prueba?

Answer 1

Con ES6, puede definir claves dinámicas dentro de un objeto literal:

const test = "test123"
const test123 = { ["key" + test]: 123 };

Answer 2

Javascript proporciona dos formas de definir una propiedad de un objeto:

1. object.propertyName = value;

En esta situación, propertyName no se puede editar, y no computable. no puedes hacer lo siguiente:

 object.(''property''+''Name'')

como puedes ver

 object = {propertyName:value};
object = {''propertyName'':value};

son iguales

2. puede usar una variable como nombre de propiedad con "[]";

tu puedes hacer :

 var a = "propertyName";
object[a] = value;

y esta vez tienes que usar una cuerda

object[propertyName] = value;//error
object["propertyName"] = value;//correct
object = {''propertyName'':value};//correct
object = {propertyName:value};//correct

Answer 3

Porque "key" + test es una expresión y no un identificador ni una cadena literal ni un número literal, que son las únicas cosas que se permiten como la clave en un objeto literal.

Debe usar la notación [] después de crear el objeto para dicha clave dinámica:

var test123 = {};
test123["key" + test] = 123;

Un identificador es básicamente el mismo subconjunto de caracteres que puede llamar una variable (letras, números, _ y $ ; puede no comenzar con un número), y un literal de cadena es cualquier cadena incluida con '' o " .

Entonces, los únicos tipos de claves que puede usar en un objeto literal son:

{
a0: true, // valid identifier
$$_: true, // same
123: true, // valid numeric literal
012: true, // same (octal)
0xf: true, // same (hex)
"@": true, // not allowed as an identifier
''0a'': true // same
}

Referencia: http://es5.github.com/#x11.1.5 .

PropertyName :

IdentifierName

StringLiteral

NumericLiteral

Answer 4

Puede pero no con notación literal (pre ES6).

var test123 = {};
test123["foo" + "bar"] = ''baz'';
test123.foobar === ''baz''; // true

Answer 5

Su código es equivalente a test123.("key" + test) = 123 que puede ayudarlo a comprender mejor por qué es incorrecto.

Necesita la notación ["name"] para poder acceder a los campos por su nombre en una cadena. Otras anotaciones (tuya y una) requieren identificadores.

Answer 6

--HTML--
<div id="name1"></div>
<div id="name2"></div>
<div id="name3"></div>
--JS--
function getJsonData(){
var hr = new XMLHttpRequest();
hr.open("GET", "bookJson.json", true);
hr.setRequestHeader("Content-type", "application/json", true);
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
var data = JSON.parse(hr.responseText);
for(var i=0;i<3;i++){
var a = "p"+(i+1)+"H";
$("#name"+(i+1)).html(data[objName][a]);
}
}
}
hr.send(null);
}
---JSON--- save JSON file name as bookJson.json
{ "objName":
{
"p1H":"content1",
"p2H":"content2",
"p3H":"content3",
}
}
-----------------------------------
json object key name p1H,p2H,p3H ...
We want to dynamically get this keys in javacript instead of **data[objName].p1H**. you can get dynamical key like **data[objName]["p1H"]**