5-16WPS JS宏 map数组转换迭代应用-1(一维嵌套数组结构重组)

map 方法:

要求:将[["小三","小四","小二麻"],[198,178,190]]转换为[["小三",198],["小四",178],["小二麻",190]]

map代码解析:

function test(){

var arr=[["小三","小四","小二麻"],[198,178,190]];

var newarr=arr[0].map((x,y)=>arr.map(a=>a[y]));

}

主要内容: var newarr=arr[0].map((x,y)=>arr.map(a=>a[y]));

解析:1.map套map的运行方法,先运行外部map,再运行内部map,外部map运行1次,内部map运行n次。

2.现在解析上方内容:arr为[["小三","小四","小二麻"],[198,178,190]],arr[0]为["小三","小四","小二麻"]。

arr[0].map((x,y)因为只用到了y所以,arr[0].map((x,y)为y索引号[1,2,3],根据y索引号[1,2,3]在arr.map(a=>a[y])中循环,arr.map(a=>a[y])为数组arr中的两个数组中的元素值进行循环,不同的两个数组中,相同y索引号的内容,会添加在一个新数组中。

结果:[["小三",198],["小四",178],["小二麻",190]]

相关推荐
海盗猫鸥8 分钟前
「C++」vector的使用及接口模拟详解
开发语言·c++
普通码农9 分钟前
Vue 3 接入谷歌登录 (小白版)
前端·vue.js
Ric97014 分钟前
Object.fromEntries 实操
前端
wjs202415 分钟前
CSS 下拉菜单:设计与实践指南
开发语言
天道有情战天下16 分钟前
Lua使用
开发语言·lua
用户40993225021217 分钟前
Vue3响应式系统中,对象新增属性、数组改索引、原始值代理的问题如何解决?
前端·ai编程·trae
阿明Drift20 分钟前
使用 CSS `perspective` 实现 3D 卡片效果
前端·css
若安程序开发21 分钟前
web京东商城前端项目4页面
前端
申阳28 分钟前
Day 8:06. 基于Nuxt开发博客项目-我的服务模块开发
前端·后端·程序员
转角羊儿34 分钟前
layui框架中,表单元素不显示问题
前端·javascript·layui