使用$ .each获取数组的属性值

Question

arr = [{"fname","Amy","lname":"Johnson"}]

我知道使用$ .each我会像这样检索Amy和Johnson

$.each(arr, function(){
console.log(this.fname) //Amy
});

但我希望将Amy与我的DOM匹配，如何检索属性"fname"值？

Answer 1

Fiddle

检查阵列格式是否错误

arr = [{"fname":"Amy","lname":"Johnson"}];

您正在使用,而不是:

使用此

arr = [{"fname":"Amy","lname":"Johnson"}];

$.each(arr, function(){
console.log(this.fname + this.lname) //Amy
});

Answer 2

您的数据应该是这样的：

arr = [{"fname" : "Amy","lname":"Johnson"}]

你可以像这样迭代它：

$.each(arr, function(index, item ) {
        console.log(item.fname);
        console.log(item.lname);
});

Answer 3

你arr应该是一个虚构的对象数组

arr = [{"fname":"Amy","lname":"Johnson"}]

然后你可以做

$.each(arr, function(){
console.log(this.fname) //Amy
});

<强>编辑：

要让艾米做var fname = arr[0]["fname"]或var fname = arr[0].fname

要获取fname，lname，您需要使用Object.keys()

像console.log(Object.keys(arr[0]));

一样

它会打印一个数组["fname", "lname"]