Question

这可以在javascript中使用吗？

我正在尝试将对象的属性名称设置为“HTMLInputElement”：

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

obj[el] = 'some random data';

但我觉得它不起作用：（

我收到一些错误：

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

但我不确定这是不是因为我正在尝试做的事情：）

然而，当我在console.log（obj）时，它看起来很好，在键名中有“object HTMLInputElement”，但我不知道它是真实对象，还是只是一些字符串

Answer 1

这当然是可能的。允许在属性括号之间进行任何操作。调用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!
});

解决方案

使用WeakMap个对象将对象关联为键值对，而不强制使用stringa。这不是很好的支持，但可以使用polyfill轻松解决。

Answer 2

哦，这不是一个真实的对象吗？它只是一个字符串表示物体？我想要一个真实的物体，所以我可以在以后随时访问它迭代（作为对象）。

您应该构建一个既包含HTML元素又包含“某些随机数据”的结构。

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

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

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

Answer 3

obj[el]之类的语法只有在el是字符串而不是任何对象时才有效。因此，举例来说，您可以使用某个元素的attr（例如id或data-some-attr）

Answer 4

我对你想要达到的目标做了一些测试。

我的测试结果显示，在遍历对象时，您无法获得相同的object（您设置为键）。

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.

以上测试显示的是，

当您尝试使用obj表示法将任何对象（让我们将其称为keyObject）作为其他[]中的键时，将keyObject转换为某个相对字符串，并将该字符串用作键。

所以当你遍历obj时，你会得到相对的字符串，而不是真实的对象。

对象作为对象属性名称？

4 个答案:

问题

解决方案