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

相关推荐
掘金安东尼5 小时前
纯 CSS 实现弹性文字效果
前端·css
牛奶5 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶6 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion6 小时前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er6 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart7 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星8 小时前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_8 小时前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路8 小时前
ArcPy 开发环境搭建
前端
林小帅9 小时前
【笔记】OpenClaw 架构浅析
前端·agent