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

相关推荐
毕设源码-邱学长4 分钟前
【开题答辩全过程】以 基于JavaScript的图书销售网站为例,包含答辩的问题和答案
开发语言·javascript·ecmascript
timeweaver5 分钟前
React Server Components 的致命漏洞CVE-2025-55182
前端·安全
重铸码农荣光7 分钟前
深入理解 JavaScript 中的 this:一场关于作用域、调用方式与设计哲学的思辨
前端·javascript
新晨4377 分钟前
跨域是服务器拒绝请求还是浏览器去拒绝的请求?
前端·浏览器
珑墨13 分钟前
【包管理器】pnpm、npm、cnpm、yarn 深度对比
前端·javascript·npm·node.js
老王熬夜敲代码20 分钟前
泛型编程的差异抽象思想
开发语言·c++·笔记
草字20 分钟前
uniapp 滚动到表单的某个位置,表单验证失败时。
前端·javascript·uni-app
学到头秃的suhian20 分钟前
Spring使用三级缓存解决循环依赖问题
前端·spring·缓存
CXH72822 分钟前
架构师的登山之路|第十二站:服务网格 Istio——未来的标配,还是复杂过头?
前端·javascript·istio