`

JS中复杂对象转数组

    博客分类:
  • JS
 
阅读更多
本文举例中,用到的json返回串
{"Code":10000,"Message":"成功","Time":"2018-11-01 11:09:08","Result":{"rData":[{"count":20,"title":"V1","color":"#2dc6c8"},{"count":15,"title":"V2","color":"#b6a2dd"},{"count":30,"title":"V3","color":"#5ab1ee"},{"count":15,"title":"V4","color":"#d7797f"},{"count":20,"title":"V5","color":"#FFB800"}]}}

需要转化后的结果:
[[20,"#2dc6c8","V1"],[15,"#b6a2dd","V2"],[30,"#5ab1ee","V3"],[15,"#d7797f","V4"],[20,"#FFB800","V5"]]

转发方法:

第一、在异步调用成功时,将返回的串变为对象
var obj = JSON.parse(JSON.stringify(data));  /*将json串转化为model对象*/

第二、然后取rData的值
var array = obj.Result.rData;

第三、遍历array对象中每个子集对象
var arr = [];
for (var i in array){
     var tempArr = [];

     //将每个小子集元素加到临时数组中
     tempArr.push(array[i].count, array[i].color, array[i].title)
    
     //完成后加到大数组
     arr.push(tempArr);
}

另外赋常用操作:
//将对象直接转数组    仅限于去掉第一层{}
var arr = Array.from(arguments);

jqery可用
var arr = $.makeArray(arguments);  效果同上


参考:
https://blog.csdn.net/crystal6918/article/details/60467615  对象转数组
https://www.cnblogs.com/huyanlon/p/6866065.html   数组常见操作
https://www.cnblogs.com/yangshifu/p/7377102.html  数组与对象遍历大全

分享到:
评论

相关推荐

    对象转数组.docx请把数据处理为如下结构:

    这是一个常见的编程任务,特别是在JavaScript环境中,因为JavaScript对象和数组有着广泛的应用。让我们深入探讨这个问题。 首先,给定的题目要求我们将一个对象的键值对转换成一个数组,其中对象的键是数字(表示...

    json转数组然后遍历

    在本例中,我们需要将一个包含设备坐标信息的JSON对象转换为数组。具体来说,变量`markerArr`包含了一个名为`d`的键,该键的值是一个数组,每个元素都是一个表示设备坐标的对象。我们的目标是将这个数组提取出来,...

    Vue.js对象转换实例

    Vue.js是前端开发中非常流行的JavaScript框架,它采用数据驱动视图的模式,使得Web...在实际应用中,Vue.js对象转换可以涉及更多的场景和更复杂的数据处理逻辑,开发者可以根据具体需求灵活运用Vue.js提供的各种功能。

    js字符串转数组介绍及使用

    `split()`方法是JavaScript String对象的一个成员,它的主要作用就是将一个字符串分割成多个子字符串,并将结果存储在一个数组中。`split()`方法的基本语法如下: ```javascript string.split(separator, limit) ``...

    js字符串转数组的常用方法.docx

    在JavaScript中,字符串是一种基本数据类型,但有时我们需要将字符串处理为数组以便进行更复杂的操作。本文将详细介绍几种常见的将JavaScript字符串转换为数组的方法。 首先,我们来看最常用的`split()`方法。`...

    js代码-数组和对象的转换

    // 对象转数组 let arrayFromObject = Object.entries(usersObject).map(([key, value]) => ({ id: parseInt(key), name: value })); ``` 4. 遇到嵌套结构的转换 当数组或对象包含嵌套的数组或对象时,转换会变得...

    js代码-手写代码练习-----类数组转数组

    在JavaScript中,类数组对象(Array-like Object)是一种特殊的对象,它们拥有类似于数组的属性,如length和索引,但不具有数组的所有方法,比如push、pop、slice等。本练习主要关注如何将这些类数组对象转换为真正...

    js进阶知识44张脑图.zip

    6. **类数组转数组**: - JavaScript中存在一些类似数组的对象,但不完全具备数组的方法。常见的转换方法包括`Array.from()`,`slice.call()`,扩展运算符(`...`),以及`Array.prototype.concat()`。 7. **CSS样式...

    php curl获取到json对象并转成数组array的方法

    由于实际应用中,JSON 数据结构可能很复杂,不仅仅包含字符串和数字,还可能包含其他对象或数组。因此,需要对 json_decode() 函数返回的对象或数组进行递归遍历,将其进一步转换成 PHP 可以直接操作的数组结构。...

    Go-stringish一组可链式字符串助手可减少操纵字符串的痛苦

    为了解决这个问题,开发者创建了"Go-stringish",一个可链式字符串处理库,旨在简化和优化字符串处理过程,减少代码中的复杂性和冗余。 `stringish`库的核心特性在于它的链式方法调用,这种模式常见于JavaScript等...

    10-文本小节-解决问题的常见思路.md

    例如,在处理JavaScript中对象属性赋值的问题时,关键考点在于对象的键(key)的数据类型,而不是表面看起来的数值或字符串的赋值问题。 具体来看,对于前端面试中的问题,可以举几个例子来说明这些思路如何应用: ...

    php json转换成数组形式代码分享

    总结起来,PHP提供了`json_decode()`来将JSON数据转换为数组,但在这个示例中,作者创建了一个类来处理更复杂的数据结构,包括递归转换嵌套的JSON对象和数组。这种方法在需要更细粒度控制转换过程或处理特定错误场景...

    es6-equivalents-in-es5

    ### 类数组对象转数组 Array-like Object to Array ES6提供了一些方法,如`Array.from()`, 使得将类数组对象(如arguments对象)转换成真正的数组变得更加方便。 #### ES6示例 ```javascript var arrlike = {0: 'a...

    js数组与字符串的相互转换方法

    在JavaScript中,最常用的数组转字符串的方法是使用Array对象的join()方法。join()方法可以将数组中的所有元素连接成一个字符串,并且可以指定一个字符串来连接数组中的元素。如果不指定连接符,默认使用逗号作为...

    程序员需要知道

    #### 一、字符串转数组(Java) **问题**: 如何将一个逗号分隔的字符串转换成数组? **解答**: 在Java中,可以使用`split()`方法来实现这个功能。例如,如果你有一个由逗号分隔的字符串,如 `"apple,banana,orange...

    Unscramble

    首先,我们需要理解JavaScript中的字符串对象,它提供了多种方法来操作字符串,如`split()`用于拆分字符串,`join()`用于合并数组为字符串,以及`toLowerCase()`和`toUpperCase()`用于转换大小写。 在解密字母谜题...

    PHP针对JSON操作实例分析

    #### JSON转数组 通常在处理从JavaScript端接收到的JSON字符串时,我们会用到`json_decode()`函数。比如: ```php $json = '{"webname":"homehf","url":"***","contact":{"qq":"***","mail":"***","xx":"xxxxxxx"}...

Global site tag (gtag.js) - Google Analytics