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

相关推荐
慌糖15 分钟前
流-为序列化解释
开发语言
指尖跳动的光16 分钟前
将多次提交合并成一次提交
前端·javascript
程序员码歌22 分钟前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden26 分钟前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus26 分钟前
JS之类型化数组
前端·javascript
若梦plus26 分钟前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus30 分钟前
Canvas渲染原理与浏览器图形管线
前端·javascript
LXS_3571 小时前
Day 18 C++提高 之 STL常用容器(string、vector、deque)
开发语言·c++·笔记·学习方法·改行学it
C_心欲无痕1 小时前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js