从对象字段按顺序访问对象元素数组?

费利克斯·詹

我有一个具有以下代码段的 JS 对象:

{
    "foo": "bar",
    "baz": [
        {
            "order": 2,
            "fruit": "banana"
        },
        {
            "order": 1,
            "fruit": "apple"
        },
        {
            "order": 3,
            "fruit": "peach"
        },
    ]
}

我的目标是能够遍历“baz”中的所有对象,但按照它们的“order”属性的顺序,而不是存储在对象中的顺序。“baz”中对象的顺序可以/会经常改变,所以以前对它们进行排序或按照它们需要的顺序存储它们不是一种选择。

纯 JS 或 jQuery 答案都是可以接受的。

克拉茨基

您好,您必须对对象进行排序。只需使用.sort数组即可。

这是一个示例:

var obj = {
    "foo": "bar",
    "baz": [
        {
            "order": 2,
            "fruit": "banana"
        },
        {
            "order": 1,
            "fruit": "apple"
        },
        {
            "order": 3,
            "fruit": "peach"
        },
    ]
}

// get property
var arr = obj["baz"];

// may copy array
var counter = arr.length;
var arrCopy = new Array(counter);
while(counter--) {
    arrCopy[counter] = arr[counter];
}

// sort 
arrCopy.sort(function(a, b) { return a.order - b.order});

// iterate it
arrCopy.forEach(function(v) {
  console.log(v.fruit);
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

下划线从对象元素创建对象数组

来自分类Dev

循环遍历对象数组,并按对象元素ID返回每个总计值的和

来自分类Dev

将MATLAB Javabuilder输出对象元素转换为数组

来自分类Dev

在js中访问包含冒号的对象元素

来自分类Dev

给定多个对象键的数组对象元素的索引

来自分类Dev

MongoDb从数组中删除对象元素

来自分类Dev

按字段排序对象数组

来自分类Dev

将对象元素按顺序插入数组中,而无需使用Java中的排序算法

来自分类Dev

JavaScript按对象值访问数组元素

来自分类Dev

使用splice react native从数组中删除对象元素

来自分类Dev

如何获取没有对象元素重复的数组

来自分类Dev

引用对象元素

来自分类Dev

创建对象元素时,您为对象数组标识符输入什么?

来自分类Dev

通过索引访问JavaScript对象元素

来自分类Dev

如何获得所有对象元素的数组?

来自分类Dev

访问对象数组的数组元素

来自分类Dev

按对象的嵌套元素顺序遍历对象

来自分类Dev

在js中访问包含冒号的对象元素

来自分类Dev

在给定多个对象键的情况下获取数组对象元素的索引

来自分类Dev

将对象元素按顺序插入数组中,而无需使用Java中的排序算法

来自分类Dev

数组对象按元素分组?

来自分类Dev

PHP:将对象数组按对象元素分组的功能

来自分类Dev

Javascript [对象元素]

来自分类Dev

从对象键返回元素数组

来自分类Dev

按自定义字段排序对象数组,然后按字母顺序

来自分类Dev

将对象元素转换为数组 int[] java spring

来自分类Dev

如何从 json 数组中读取特定的 json 对象元素?

来自分类Dev

如何正确枚举状态数组中的对象元素?

来自分类Dev

访问对象数组中的元素

Related 相关文章

热门标签

归档