Javascript 对象作为对象属性名？_Javascript_Jquery_Object

Javascript 对象作为对象属性名？

javascript jquery object

Javascript 对象作为对象属性名？,javascript,jquery,object,Javascript,Jquery,Object,这在javascript中可能吗我试图将对象的属性名设置为“HTMLInputElement”：但我认为它不起作用：( 我发现了一些错误： ncaught错误：语法错误，无法识别的表达式：[对象] HTMLInputElement] 但我不确定这是否是因为我想做的：）然而，当我使用console.log（obj）时，它看起来很好，在键名中有“object HTMLInputElement”，但我不知道它是一个真实的对象，还是一个肯定可能的字符串。属性括号之间的任何内容都是允许的。调用toS

这在javascript中可能吗

我试图将对象的属性名设置为“HTMLInputElement”：

但我认为它不起作用：(

我发现了一些错误：

ncaught错误：语法错误，无法识别的表达式：[对象] HTMLInputElement]

但我不确定这是否是因为我想做的：）

然而，当我使用console.log（obj）时，它看起来很好，在键名中有“object HTMLInputElement”，但我不知道它是一个真实的对象，还是一个肯定可能的字符串。属性括号之间的任何内容都是允许的。调用

toString（）

方法

// Test case:
var obj = {};
obj[document.body] = '1';
console.log(JSON.stringify(obj));  // Shows {"[object HTMLBodyElement]":"1"}

问题在阅读了您的评论之后，我看到了您试图做的事情：创建DOM元素的映射，供以后在jQuery包装器中使用。这不起作用，因为正如我提到的，键是字符串

// Your intentions:
var obj = {};
var body = $('body').get(0);
obj[body] = {secret: 'Some text'};
$.each(obj, function(elem, data) {
    // Example:
    $(elem).text(data.secret);

    // Expected (filled in variables):
    $(body).text('Some text');

    // What actually happens
    $('[object HTMLBodyElement]').text('Some text');
    //  ^^^^^^^^^^^^^^^^^^^^^^ This is an invalid jQuery selector!
});

解决方案

使用对象将对象关联为键值对，而不强制stringa。这并没有得到很好的支持，但可以通过使用一个。

轻松解决，这当然是可能的。属性括号之间的任何内容都是允许的。调用

toString（）

方法

// Test case:
var obj = {};
obj[document.body] = '1';
console.log(JSON.stringify(obj));  // Shows {"[object HTMLBodyElement]":"1"}

// Your intentions:
var obj = {};
var body = $('body').get(0);
obj[body] = {secret: 'Some text'};
$.each(obj, function(elem, data) {
    // Example:
    $(elem).text(data.secret);

    // Expected (filled in variables):
    $(body).text('Some text');

    // What actually happens
    $('[object HTMLBodyElement]').text('Some text');
    //  ^^^^^^^^^^^^^^^^^^^^^^ This is an invalid jQuery selector!
});

解决方案使用对象将对象关联为键值对，而不强制stringa。这并没有得到很好的支持，但可以通过使用

哦，所以它不是真的东西？它只是一个字符串表示目标是什么？我想要一个真实的对象，这样我可以在以后需要时访问它迭代（作为对象）

您可能应该构造一个同时包含HTML元素和“一些随机数据”的结构

var el = $('#something').get(0),
    obj = {}, tmpArray = [];

tmpArray.push(el);
tmpArray.push('some random data');

obj['uniqueKey1'] = tmpArray; //['some random data', [object HTMLInputElement]]

哦，所以它不是真的东西？它只是一个字符串表示目标是什么？我想要一个真实的对象，这样我可以在以后需要时访问它迭代（作为对象）

您可能应该构造一个同时包含HTML元素和“一些随机数据”的结构

var el = $('#something').get(0),
    obj = {}, tmpArray = [];

tmpArray.push(el);
tmpArray.push('some random data');

obj['uniqueKey1'] = tmpArray; //['some random data', [object HTMLInputElement]]

像

obj[el]

这样的语法只有在

el

是字符串而不是任何对象时才起作用。因此，例如，您可以使用某个元素的某些属性（例如，

id

或只是

数据某些属性

）

类似

obj[el]

的语法仅在

el

是字符串而不是任何对象时才起作用。因此，例如，您可以使用某个元素的某些属性（例如，

id

或只是

数据某些属性

）

我对您试图实现的目标进行了一些测试

我的测试结果表明，在对象中循环时，无法获得相同的

对象

（设置为键）

var obj = {};
obj[document.body] = '1';

console.log(obj['[object HTMLBodyElement]']); /* prints 1 
# '[object HTMLBodyElement]' is the relative string
representation of the BODY object. */

console.log(obj[document.body]); /* prints 1
# because document.body converted into the relative string
'[object HTMLBodyElement]' */


for(var key in obj){

    if(obj.hasOwnProperty(key)){
        console.log(key); // prints [object HTMLBodyElement] # which is string...
    }

}

console.log(document.body); //prints <body> #which is the real object.

var obj={}；
obj[document.body]=“1”；
console.log（obj['[object HTMLBodyElement]']）；/*印刷品1
#“[object HTMLBodyElement]”是相对字符串
身体对象的表示*/
console.log（obj[document.body]）；/*印刷品1
#因为document.body已转换为相对字符串
“[object HTMLBodyElement]”*/
for（obj中的var键）{
if（对象hasOwnProperty（键））{
console.log（key）；//打印[object HTMLBodyElement]#，它是字符串。。。
}
}
console.log（document.body）//打印出真实的物体。

上述测试表明,

当您尝试使用

[]

符号将任何对象（我们称之为keyObject）用作其他

obj

中的键时，keyObject将转换为某个相对字符串，并将该字符串用作键

因此，当您在

对象上循环时，您将得到相对字符串，而不是真实对象。
我对您试图实现的目标进行了一些测试
我的测试结果表明，在对象中循环时，无法获得相同的对象
（设置为键）
var obj = {};
obj[document.body] = '1';

console.log(obj['[object HTMLBodyElement]']); /* prints 1 
# '[object HTMLBodyElement]' is the relative string
representation of the BODY object. */

console.log(obj[document.body]); /* prints 1
# because document.body converted into the relative string
'[object HTMLBodyElement]' */


for(var key in obj){

    if(obj.hasOwnProperty(key)){
        console.log(key); // prints [object HTMLBodyElement] # which is string...
    }

}

console.log(document.body); //prints <body> #which is the real object.

var obj={}；
obj[document.body]=“1”；
console.log（obj['[object HTMLBodyElement]']）；/*印刷品1
#“[object HTMLBodyElement]”是相对字符串
身体对象的表示*/
console.log（obj[document.body]）；/*印刷品1
#因为document.body已转换为相对字符串
“[object HTMLBodyElement]”*/
for（obj中的var键）{
if（对象hasOwnProperty（键））{
console.log（key）；//打印[object HTMLBodyElement]#，它是字符串。。。
}
}
console.log（document.body）//打印出真实的物体。

上述测试表明,
当您尝试使用[]
符号将任何对象（我们称之为keyObject）用作其他obj
中的键时，keyObject将转换为某个相对字符串，并将该字符串用作键
因此，当你在obj
上循环时，你会得到相对字符串，而不是真实对象。
哦，那么它不是真实对象？它只是对象的字符串表示？我想要一个真实的对象，这样我可以在以后迭代（作为对象）时访问它。@theolcat所有JavaScript键都是字符串，包括数组的数字索引。对于对象哈希，您可能对对象感兴趣。Polyfills的兼容性。哦，那么它不是一个真正的对象？它只是对象的字符串表示？我想要一个真实的对象，这样我可以在以后迭代（作为对象）时访问它。@theolcat所有JavaScript键都是字符串，包括数组的数字索引。对于对象哈希，您可能对对象感兴趣。Polyfills用于兼容性。请尝试使用obj[el.toString（）]=“一些随机数据”
您试图做的是将HTMLInputElement
对象本身设置为一个键。似乎对我有用。您这样做的目的是什么？我猜obj
稍后会被迭代并推送到jQuery对象中。但是键被存储为字符串，这显然是无效的jQuery选择器-->错误。请尝试使用obj[el.toString（）]=“一些随机数据”您试图做的是将HTMLInputElement
对象本身设置为