使用jquery[duplicate]从对象数组中获取属性值数组

Question

我试着从这里开始：

example = [{
  name: "someone1",
  city: "somewhere1",
  state: "someplace1"
},{
  name: "someone2",
  city: "somewhere2",
  state: "someplace2"
}]

到此处：

example.name = [ "someone1", "someone2" ]

用尽可能少的代码。显然，我可以只循环它并构建数组，但我需要在各种对象上进行大量的操作。我可以编写一个函数来实现它，但很难使该函数对我的应用程序足够通用。

在jQuery中有这个的快捷方式吗？

Answer 1

我在这里为您做了一个快速测试：http://jsperf.com/jquery-vs-javascriptlvjsklvjsfklsfklsdjfk

它由三种解决方案组成：

基本for循环

for (var i = 0; i < example.length; i++) {
    array.push(example[i].name);
}

jQuery$.each（）

$.each(example, function(i, item) {
    array.push(example[i].name);
});

并将一个答案发送到此线程

Object.keys(example).forEach(function(key) {
  //get the value of name
  var val = example[key]["name"];
  //push the name string in the array
  array.push(val);
});

基本上，您必须记住的是，jQuery可能有一个包含“更少代码”的快捷方式，但实际上它的性能会比您自己编写的代码更差。

Answer 2

您可以使用push遍历对象键并将name保存在数组中：

null

example = [{
  name: "someone1",
  city: "somewhere1",
  state: "someplace1"
}, {
  name: "someone2",
  city: "somewhere2",
  state: "someplace2"
}];
var arrNames = [];
//iterate through object keys
Object.keys(example).forEach(function(key) {
  //get the value of name
  var val = example[key]["name"];
  //push the name string in the array
  arrNames.push(val);
});
console.log(arrNames);//prints ["someone1", "someone2"]