es6 嵌套数组循环_ES6关于数组循环的问题

最新推荐文章于 2022-09-08 14:18:19 发布
最新推荐文章于 2022-09-08 14:18:19 发布
阅读量321 收藏
点赞数
文章标签： es6 嵌套数组循环
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_29986051/article/details/113564514
版权

res.data.list 的数据 [{…}, {…}, {…}] 是数组里套json的形式

我想把res.data.list 循环放到一个数组里 (因为要请求很多次数据，把每次返回的数据放在一个数组里处理)

但是输出的数组显示的是这样的

[__ob__: Observer]

{…}

{…}

{…}

{…}

length:4

__ob__:Observer {value: Array(4), dep: Dep, vmCount: 0}

__proto__:Array

typeof 是object 没法用数组的方法

that.diviCot=[];//要输出的数组

for(var i in this.otherCat){

getDivinationCont(this.otherCat[i].id).then(function(res){ //从后台取数据

if(res.code<10000){

console.log(res.data.list)// 返回的数据

for(var t in res.data.list){//循环返回的数据

that.diviCot.push(res.data.list[t]); //放进声明的数组里

};

};

})

};

for in 和for of 都试了

实在是不知道了。。

卿本佳人我本尘埃
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
es6 嵌套数组循环_ES6
weixin_39627390的博客
12-28 817
装完node.js 即可使用es6es 6 -> es 5 转换: 项目目录结构:初始化项目: npm init -y安装babel: npm install -g babel-cli安装: npm install --save--preset--es2015 babel-cli项目根目录建立.babelrc文件 填写:{"presets":["es2015"],"plugins":[...
ES6中的for-of循环
Kyoku0604的博客
11-28 398
最近ES6温故知新，发现它的出现，为程序员写代码添加了很多方便之处，for-of循环 for循环，语句繁琐，不易阅读 foreach循环，无法在循环结束前终止循环 for-in循环，循环默认结果为属性名，并且只遍历对象的可枚举属性 ...
vue后台返回的{__ob__: observer}值转化成数组使用concat()方法
agua001的博客
12-03 9236
在移动端，上拉加载，请求下一页数据，然后总数据拼接上一页数据，那么问题来了 问题描述： 第一页数据没问题的，看标记的地方，然后在浏览器中上拉加载下一页的时候报错了 // 判断是否是处在第一页 if (that.pages_re === 1) { // 更新最新值 // that.receiveList = dataList that.receiveList = Object.assign({}, dataList) } else { // 数组拼接 console.log(this.
Vue [__ob__: Observer]取不到值问题的解决
wenchang-的博客
12-15 5361
产生原因 如果从后端返回过来的数组数据，进行遍历的时候不在success回调函数内，则会产生如下的数据格式，虽然其也是数组格式，但是内部的值取不出来，给后台也传不过去。 [__ob__: Observer] 0: "http://localhost:5757/userImages/o-WF75fylWJY6vm_xRNYeNIpicOg/2020032123451074033.jpg" 1: "http://localhost:5757/userImages/o-WF75fylWJY6vm_xRNYe
数组，类数组学习总结13
yangsm的博客
08-06 244
数组是基于对象的 数组 定义数组的方式 var arr = []; // 数组字面量 var arr = new Array(); // 系统提供的构造方法 来源于 Array.prototype 数组的读和写 arr[num] // 不可以溢出读，结果是undefined arr[num] = xxx; // 可以溢出写 数组常用的方法 es3.0 改变原数组 push 可向数组的末尾添加一个或多个元素，并返回新的长度。 pop 删除并返回数组的最后一个元素。 shift 删除并返回数组的第一个元素.
es6转es5_带你快速入坑ES6
weixin_39758618的博客
11-22 113
关注“前端学苑” ，坚持每天进步一点点「~ES6入坑之路~」ES6是新一代的JS语言标准，对部分的JS的语言进行了优化升级，规范了JS的使用标准，使得JS的使用更加的规范，更加优雅，更适合大型应用的开发。这里就引出了本文的重点 ES6的入坑之路。简短的概括：1、JS中可以声明常量吗？2、const声明的常量真的不可以改变吗？3、函数有更简单的写法吗？箭头函数4、箭头函数任何场景都可以使...
ES6数组与对象的解构赋值详解
10-16
**ES6数组与对象的解构赋值详解** 在ES6中，解构赋值是一项强大的语法特性，它使得从数组或对象中提取值并赋值给变量变得更加简洁和直观。解构赋值允许我们根据特定的模式来匹配和提取数据，这在处理复杂的数据结构...
深入理解ES6的迭代器与生成器
12-12
在ES6之前，这种标准的for循环，通过变量来跟踪数组的索引。如果多个循环嵌套就需要追踪多个变量，代码复杂度会大大增加，也容易产生错用循环变量的bug。 迭代器的出现旨在消除这种复杂性并减少循环中的错误。 什么...
es6中使用map简化复杂条件判断操作实例详解
10-15
在ES6中，Map数据结构为我们提供了一种更灵活的方式来管理键值对，尤其是在处理复杂的条件判断场景时，它可以显著提升代码的可读性和简洁性。以下是对如何使用Map简化复杂条件判断操作的深入解析： 首先，让我们...
ES6新增语法之真香
01-20
在循环中，`let`能有效防止变量污染，解决了定时器异步操作中常见的问题。 - `const`：用于声明常量，一旦声明后，其值不能被改变。但需要注意，对于对象或数组，`const`仅保证引用地址不变，不能阻止对象属性的...
关于javascript的一些知识以及循环详解
10-21
4. `for...of`循环（ES6新增）：遍历可迭代对象，例如数组、Set或Map。 5. `forEach`方法：数组上的迭代方法，不适用于所有循环场景，但可以简化代码，例如：`array.forEach(function(item) { ... })`。 6. `for......
成功解决：[‘‘, ‘‘, __ob__: Observer]
做笔记\记录遇到的程序bug
09-08 2371
在项目中遇到的实际问题。
[__ob__: Observer]
黑猫几绛的博客
09-22 2364
场景： 在进行数据请求的时候，需要携带一个数组参数，本以为直接将数组提交上去就万事大吉，但是后端并没有接收到这个数组数据。经过反复排查，当直接输出这个有问题的数组时，显示的是[__ob__: Observer]，点开这个数组后里面却有需要的数据。 分析： __ob__: Observer里面的这些数据是vue对数据设置的监控器,一般都是不可枚举的，这些数据已经绑定在了vue之中，vue需要为数据添加监控器。如果我们强制删掉了这些监控器，那么这些数据也就失去了监控，vu...
vue源码解析之observe
weixin_30883271的博客
09-04 173
一. vue文档中有“由于 JavaScript 的限制,Vue 不能检测以下数组的变动”，是否真是由于JavaScript的限制，还是出于其他原因考虑 当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength 　　第一种情况是利用索引设置一个...
js数组中__ob__: Observer属性
热门推荐
manda Liu的博客
08-17 1万+
需求 从后台拿到的数据为一个对象数组，需要给数组中每个对象元素添加一个字段， 用来判断某个图标是否显示 问题描述 1.通过给数组赋定值方法发现，当数组值为死值时没有问题，当添加字段后有问题，无法更改该字段的值 2.通过复死值发现，添加字段后的数组多了一个__ob__: Observer属性 解决办法 通过JSON.parse(JSON.stringify(this.listDate)) 代码如下： http.post('/xxx/xxx').then(res=>{ console.log(re
{__ob__: observer}取值报错问题
qq_41836598的博客
10-17 3486
{ob: observer}取值报错问题 解决方案:JSON.parse(JSON.stringify( ob )) 在直接对{ob: observer}访问属性时会报错，网上看到的大多数人是报undefined错误，我遇到的问题是获取成功，但是控制台报错not defined 将数据打印出来看看 发现res.user并不是一个对象数组，而是{ob: observer}格式 百度看看{o...
VUE中 [{…}, {…}, __ob__: Observer]的坑
微光无限的博客
07-26 3477
VUE中 [{…}, {…}, __ob__: Observer]的坑
打印数组中出现 [{…}, ob: Observer] 无法取值 如何解决
匹夫的博客
03-20 8061
控制台使用push添加打印数组的时候，出现 [{…},ob: Observer] [Array(1), __ob__: Observer] 经过查阅，ob: Observer它不可枚举，从中不可xx[0]取值， 需要用JSON.parse(JSON.stringify(数组)) 重新生成一个可枚举数组 if (data.code == 0 && (data.data...
Vue源码笔记之响应式系统
夕山雨的博客
09-07 2228
什么是响应式系统？ Vue的响应式系统是一个精心搭建的监控系统，它负责监测项目中的数据变化，然后通知对该数据“感兴趣”的订阅者进行相关操作。我们分别来理解“数据”、“感兴趣”以及“订阅者”这三个关键词。 这里指的数据，就是options中的data配置项，它通过以下两种方式定义： //单文件中使用Vue var app = new Vue({ el: "#app", data: { ......
ES6 中如何处理二维数组通过value 推到key
最新发布
08-13
### 回答1： 在 ES6 中，您可以使用数组解构赋值来轻松访问二维数组中的键和值。例如，假设您有以下二维数组： ``` const array = [ ["key1", "value1"], ["key2", "value2"], ["key3", "value3"] ]; ``` 您可以使用数组解构赋值来循环遍历数组并访问键和值： ``` for (const [key, value] of array) { console.log(`Key: ${key}, Value: ${value}`); } ``` 输出： ``` Key: key1, Value: value1 Key: key2, Value: value2 Key: key3, Value: value3 ``` 此代码会循环遍历数组的每个元素，并使用数组解构赋值将其解构为键和值。然后，您可以使用这些键和值进行任何必要的操作。 另一种选择是使用 `Array.prototype.forEach()` 方法循环遍历数组并访问其元素： ``` array.forEach(([key, value]) => { console.log(`Key: ${key}, Value: ${value}`); }); ``` 这将产生相同的输出。 希望这能帮到您！ ### 回答2： 在ES6中，可以使用`Array.prototype.reduce()`方法来处理二维数组，并将其转换为以value为key的格式。 首先，我们需要定义一个对象来存储转换后的结果。然后，使用`reduce()`方法遍历二维数组，对于每个元素都执行一个回调函数。在回调函数中，我们可以判断当前元素的value是否已经是对象的key，如果是，则将当前元素的value添加到该key对应的数组中，否则，我们需要创建一个新的key，并将当前元素的value添加到新的key对应的数组中。 下面是具体实现的代码示例： ```javascript const arr = [['a', 1], ['b', 2], ['a', 3], ['c', 4]]; const result = arr.reduce((obj, [key, value]) => { if (obj.hasOwnProperty(value)) { obj[value].push(key); } else { obj[value] = [key]; } return obj; }, {}); console.log(result); ``` 在上述代码中，`arr`是我们要处理的二维数组，`result`是转换后的结果。在`reduce()`的回调函数中，`obj`表示存储结果的对象，`[key, value]`表示当前元素的键值对。如果`obj`已经有了当前元素的value作为key，则将该key对应的数组push当前元素的key；否则，创建一个以当前元素的value为key的新数组。 输出结果如下： ``` { 1: ['a'], 2: ['b'], 3: ['a'], 4: ['c'] } ``` 以上就是在ES6中处理二维数组通过value推到key的方法。 ### 回答3： 在ES6中，可以使用Map数据结构来处理二维数组通过value推到key的操作。Map是一种有序的键值对集合，可以通过将数组的元素作为value，将数组的索引作为key，来实现二维数组的value推到key的功能。 具体的处理过程如下： 1. 首先，创建一个空的Map实例，可以通过new关键字来创建：const map = new Map(); 2. 遍历二维数组，可以使用嵌套的for循环，将数组的元素作为value，数组的索引作为key，将其添加到Map中。代码示例如下： ``` const arr = [[1, "a"], [2, "b"], [3, "c"]]; const map = new Map(); for (let i = 0; i < arr.length; i++) { const item = arr[i]; const key = item[0]; const value = item[1]; map.set(key, value); } ``` 3. 完成以上步骤后，就可以通过Map的get方法来根据key获取对应的value值了。代码示例如下： ``` const key = 2; const value = map.get(key); console.log(value); // 输出: "b" ``` 通过以上步骤，我们就可以在ES6中使用Map数据结构来处理二维数组通过value推到key的操作了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值