获取键/值javascript对象的键的最佳方法

2020/10/19 17:02 · javascript ·  · 0评论

如果我有一个JS对象,例如:

var foo = { 'bar' : 'baz' }

如果我知道foo键具有基本的键/值结构,但不知道键的名称,那么最简单的方法是什么?for ... in$.each()我希望有更好的...

如果要获取所有密钥,则可以使用ECMAScript 5Object.keys只有较新的浏览器才支持此功能,但MDC文档提供了另一种实现方式(也使用for...inbtw):

if(!Object.keys) Object.keys = function(o){
     if (o !== Object(o))
          throw new TypeError('Object.keys called on non-object');
     var ret=[],p;
     for(p in o) if(Object.prototype.hasOwnProperty.call(o,p)) ret.push(p);
     return ret;
}

当然,如果您既想要键又要值,那for...in是唯一合理的解决方案。

您将使用for循环在对象内部进行迭代:

for(var i in foo){
  alert(i); // alerts key
  alert(foo[i]); //alerts key's value
}

要么

Object.keys(foo)
  .forEach(function eachKey(key) { 
    alert(key); // alerts key 
    alert(foo[key]); // alerts value
  });

您可以单独访问每个密钥,而无需重复进行以下操作:

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

给定您的对象:

var foo = { 'bar' : 'baz' }

要获取bar,请使用:

Object.keys(foo)[0]

要获取baz,请使用:

foo[Object.keys(foo)[0]]

假设一个对象

一个一个班轮为您提供:

const OBJECT = {
    'key1': 'value1',
    'key2': 'value2',
    'key3': 'value3',
    'key4': 'value4'
};

const value = 'value2';

const key = Object.keys(OBJECT)[Object.values(OBJECT).indexOf(value)];

window.console.log(key); // = key2

这是最简单的方法。这就是我们的方法。

var obj = { 'bar' : 'baz' }
var key = Object.keys(obj)[0];
var value = obj[key];
     
 console.log("key = ", key) // bar
 console.log("value = ", value) // baz

Object.keys()是javascript方法,在对对象使用时会返回键的数组。

Object.keys(obj) // ['bar']

现在,您可以迭代对象,并可以访问以下值-

Object.keys(obj).forEach( function(key) {
  console.log(obj[key]) // baz
})
// iterate through key-value gracefully
const obj = { a: 5, b: 7, c: 9 };
for (const [key, value] of Object.entries(obj)) {
  console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
}

参考MDN

我遇到了同样的问题,这就是有效的方法

//example of an Object
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

//How to access a single key or value
var key = Object.keys(person)[0];
var value = person.firstName;

除了for (var key in foo)我什么都没看到

最简单的方法是只使用Underscore.js:

_.keys(object)检索对象属性的所有名称。

_.keys({一个:1,两个:2,2,三个:3}); => [“一个”,“两个”,“三个”]

是的,您需要一个额外的库,但这很简单!

除了for ... in如果您不想使用它(可能是因为hasOwnProperty每次迭代都要进行测试效率很低?),那么可以使用其他结构,例如kvp的数组:

[{ key: 'key', value: 'value'}, ...]

既然您提到过$.each(),这是一种在jQuery 1.6+中适用的便捷方法:

var foo = { key1: 'bar', key2: 'baz' };

// keys will be: ['key1', 'key2']
var keys = $.map(foo, function(item, key) {
  return key;
});

用于每个循环,以访问javascript中的Object或Maps中的键

for(key in foo){
   console.log(key);//for key name in your case it will be bar
   console.log(foo[key]);// for key value in your case it will be baz
}

注意:您也可以使用

Object.keys(foo);

它会给你这样的输出:

[酒吧];

Object.keys()
Object.keys()方法返回给定对象自己的可枚举属性的数组,其顺序与for ... in循环提供的顺序相同(区别在于for-in循环枚举属性在原型链中)。

var arr1 = Object.keys(obj);

Object.values()
Object.values()方法返回给定对象自己的可枚举属性值的数组,其顺序与for ... in循环所提供的顺序相同(区别在于for-in循环枚举原型链中的属性)。

var arr2 = Object.values(obj);

欲了解更多,请去这里

好的$.each是库构造,而for ... in本地的js应该更好

您可以使用Object.keys功能来获取密钥,例如:

const tempObjects={foo:"bar"}

Object.keys(tempObjects).forEach(obj=>{
   console.log("Key->"+obj+ "value->"+tempObjects[obj]);
});

要显示为字符串,只需使用:

console.log("they are: " + JSON.stringify(foo));

获取对象键/值的最佳方法。

let obj = {
        'key1': 'value1',
        'key2': 'value2',
        'key3': 'value3',
        'key4': 'value4'
    }
    Object.keys(obj).map(function(k){ 
    console.log("key with value: "+k +" = "+obj[k])    
    
    })
    
本文地址:http://javascript.askforanswer.com/huoqujian-zhijavascriptduixiangdejiandezuijiafangfa.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

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

上一篇:
下一篇:

评论已关闭!