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

Question

我想从这里出发：

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

到这里：

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

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

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

Answer 1

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

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"]

在@Felix 建议（我同意）之后，无需使用Object.keys：

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

参考文献

Object.keys()

Array.prototype.forEach()

Array.prototype.push()

Answer 2

您可以使用 jQuery 中的$.map 函数：

var value = $.map(example, function () {
    return this.name;
});

这将返回一个项目数组。

Answer 3

这里是使用jinqJs的方法

代码行是：

jinqJs().from(example).select(function(row){return row.name;});

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

var result = jinqJs().from(example).select(function(row){return row.name;});

document.body.innerHTML = '<pre>' + JSON.stringify(result, null, 2) + '</pre><br><br>';

<script src="https://rawgit.com/fordth/jinqJs/master/jinqjs.min.js"></script>

Answer 4

这是我能想到的最简单的解决方案：

function doThat (myArray) {
  newObject = {};
  myArray.forEach(function (obj, idx) {
    var keys = Object.keys(obj);
    keys.forEach(function (key) {
      if (!obj[key]) {
        newObject[key] = [];
      }
      newObject[key][idx] = obj[key]; 
    });
  });
  return newObject;
}

Answer 5

我在这里为你做了一个快速测试：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 可能有一个包含“更少代码”的快捷方式，但实际上它的性能会比你自己编写代码更差。