是否有一种优雅的方法来访问对象的第一个属性。。。
你不知道你的财产的名字而不使用像..这样的循环。。in或jQuery的$.each
例如,我需要在不知道foo1名称的情况下访问foo1对象:
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
是否有一种优雅的方法来访问对象的第一个属性。。。
你不知道你的财产的名字而不使用像..这样的循环。。in或jQuery的$.each
例如,我需要在不知道foo1名称的情况下访问foo1对象:
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
当前回答
使用Object.keys获取对象的财产数组。例子:
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
var keys = Object.keys(example); // => ["foo1", "foo2", "foo3"] (Note: the order here is not reliable)
此处提供了文档和跨浏览器垫片。它的使用示例可以在我的另一个答案中找到。
编辑:为了清楚起见,我只想重复其他答案中正确的表述:JavaScript对象中的键顺序未定义。
其他回答
要获取对象中的第一个关键字名称,可以使用:
var obj = { first: 'someVal' };
Object.keys(obj)[0]; //returns 'first'
返回字符串,因此如果存在嵌套对象,则无法访问该对象,例如:
var obj={first:{someVal:{id:1}};使用该解决方案,您无法访问id。
如果您想获得实际对象,最好的解决方案是使用lodash,如:
obj[_.first(_.keys(obj))].id
要返回第一个键的值,(如果您不知道确切的第一个键名称):
var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'
如果您知道密钥名称,请使用:
obj.first
or
obj['first']
优雅地遍历键值的基本语法
const object1 = {
a: 'somestring',
b: 42
};
for (const [key, value] of Object.entries(object1)) {
console.log(`${key}: ${value}`);
}
// expected output:
// "a: somestring"
// "b: 42"
这是一个老问题,但大多数解决方案都假设我们知道属性的名称,但事实并非如此。例如,如果您试图从用户可以上传的文件或类似案例中可视化数据,则情况并非如此。
这是我使用的一个简单函数,在两种情况下都可以使用,即您知道变量,如果不知道,它将返回对象的第一个属性(按字母顺序排序)
label函数接收对象d,如果存在则提取键,否则返回对象的第一个属性。
常量数据=[{label:“A”,值:10},{标签:“B”,值:15},{label:“C”,值:20},{label:“D”,值:25},{label:“E”,值:30}]const keys=['label',0,'',null,undefined]常量标签=(d,k)=>k?d[k]:对象.值(d)[0]data.forEach(d=>{console.log(`first:${label(d)},label:${label(d,keys[0])}`)})keys.forEach(k=>{console.log(`${k}的标签:${label(data[0],k)}`)})
对于0、“”、null和undefined等值,将返回数组的第一个元素。
这一点以前已经在这里讨论过了。
第一个概念不适用于对象财产,而for的顺序。。。在循环中并没有得到规范的保证,但实际上它是可靠的FIFO,除了chrome(错误报告)。据此做出决定。
var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'
Object.values(obj)[0]; // returns 'someVal'
使用它,您还可以通过索引访问其他财产。请注意!Object.keys或Object.values的返回顺序并不能根据ECMAScript得到保证,但所有主要浏览器实现都是非官方的,请阅读https://stackoverflow.com/a/23202095有关详细信息。