如何访问Javascript对象的第一个属性?

2020/09/23 01:41 · javascript ·  · 0评论

是否有一种优雅的方式来访问对象的第一个属性...

  1. 您不知道物业名称的地方
  2. 而不使用像for .. injQuery 那样的循环$.each

例如,我需要在foo1不知道foo1名称的情况下访问对象:

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var obj = { first: 'someVal' };
obj[Object.keys(obj)[0]]; //returns 'someVal'

使用此功能,您还可以通过索引访问其他属性。请注意!Object.keys根据ECMAScript不能保证退货顺序,但是所有主要浏览器的实现都非正式地保证了退货顺序,有关详细信息,请阅读https://stackoverflow.com/a/23202095

尝试for … in循环并在第一次迭代后中断:

for (var prop in object) {
    // object[prop]
    break;
}

您也可以Object.values(example)[0]

使用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 val = example[function() { for (var k in example) return k }()];

没有“第一”属性。对象键是无序的。

如果使用来循环访问它们,(var foo in bar)则将以某种顺序获得它们,但是将来可能会发生变化(尤其是添加或删除其他键时)。

lodash解决方案

_.find(example) // => {name: "foo1"}

但不能保证对象属性的内部存储顺序,因为它取决于javascript VM的实现。

否。由MDC定义的对象文字是:

零或更多对属性名称和对象的关联值的列表,并用花括号({})括起来。

因此,对象文字不是数组,并且您只能使用其显式名称或for使用in关键字循环来访问属性

最佳答案可以生成整个数组,然后从列表中捕获。这是另一个有效的捷径

var obj = { first: 'someVal' };
Object.entries(obj)[0][1] // someVal

这已经在这里讨论过了。

first的概念不适用于对象属性,规范不保证for ... in循环的顺序,但是实际上它是可靠的FIFO,对于chrome(错误报告至关重要做出相应的决定。

我不建议您使用Object.keys,因为旧IE版本不支持它。但是,如果确实需要,可以使用上面的代码来保证向后兼容性:

if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
    hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
    dontEnums = [
      'toString',
      'toLocaleString',
      'valueOf',
      'hasOwnProperty',
      'isPrototypeOf',
      'propertyIsEnumerable',
      'constructor'
    ],
    dontEnumsLength = dontEnums.length;

return function (obj) {
  if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');

  var result = [];

  for (var prop in obj) {
    if (hasOwnProperty.call(obj, prop)) result.push(prop);
  }

  if (hasDontEnumBug) {
    for (var i=0; i < dontEnumsLength; i++) {
      if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
    }
  }
  return result;
}})()};

功能Firefox(Gecko)4(2.0)Chrome 5 Internet Explorer 9 Opera 12 Safari 5

更多信息:https : //developer.mozilla.org/zh-CN/docs/JavaScript/Reference/Global_Objects/Object/keys

但是,如果您只需要第一个,我们可以安排一个较短的解决方案,例如:

var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
    if(data.hasOwnProperty(key)){
        first.key = key;
        first.content =  data[key];
        break;
    }
}
console.log(first); // {key:"key",content:"123"}

要获取对象中的第一个键名称,可以使用:

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

要么

obj['first']

这是获取第一把钥匙的一种更干净的方法:

var example = {
    foo1: { /* stuff1 */},
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

var object2 = {
    needThis: 'This is a value of the property',
    foo2: { /* stuff2 */},
    foo3: { /* stuff3 */}
};

let [first] = Object.keys(example)
let [firstProp] = Object.keys(object2)

console.log(first)
//Prop : needThis, Value: This is a value of the property
console.log(`Prop : ${firstProp}, Value: ${object2[firstProp]}`)

如果您需要访问“对象的第一个属性”,则可能意味着您的逻辑有问题。对象属性的顺序无关紧要。

使用数组而不是对象(方括号)。

var example = [ {/* stuff1 */}, { /* stuff2 */}, { /* stuff3 */}];
var fist = example[0];

请注意,您会丢失“ foo”标识符。但是您可以将name属性添加到所包含的对象中:

var example = [ 
  {name: 'foo1', /* stuff1 */},
  {name: 'foo2', /* stuff2 */},
  {name: 'foo3', /* stuff3 */}
];
var whatWasFirst = example[0].name;

有什么理由不这样做吗?

> example.map(x => x.name);

(3) ["foo1", "foo2", "foo3"]

您可以使用Object.prototype.keyswhich以相同顺序返回对象的所有键。因此,如果您想要第一个对象,只需获取该数组并将第一个元素用作所需键即可。

const o = { "key1": "value1", "key2": "value2"};
const idx = 0; // add the index for which you want value
var key = Object.keys(o)[idx];
value = o[key]
console.log(key,value); // key2 value2

我们也可以使用此方法。

var example = {
  foo1: { /* stuff1 */},
  foo2: { /* stuff2 */},
  foo3: { /* stuff3 */}
}; 
Object.entries(example)[0][1];
本文地址:http://javascript.askforanswer.com/ruhefangwenjavascriptduixiangdediyigeshuxing.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!