如何用js数组reduce方法实现统计

今铭昔 · 发表于 2024-5-31 22:33

一江春水1688 发表于 2024-5-31 21:50
dic[a] = dic[a] || 0
等价于
if (!dic[a]) dic[a] = 0

正解，就是这个意思，后面是可以简写的，dic[a] ||= 0，但是能用||=，也就能用??=了，虽说在这里功能一样，但其中是用区别滴，||=，左边可以是0，空字符串，false值等一切转成布尔值为false的值，??=则是左边是null或者undefined，才会赋初值

一江春水1688 · 发表于 2024-6-1 11:28

今铭昔发表于 2024-5-31 22:33
正解，就是这个意思，后面是可以简写的，dic[a] ||= 0，但是能用||=，也就能用??=了，虽说在这里功能一样 ...

明白，谢谢大佬详解！
dic[a] ||= 0 和 dic[a] ??= 0，后者对 dic[a] 的赋值要求更加严格，

xx6000 · 发表于 2024-6-1 19:15

再增加点难度，如果有一个天干数组（单一元素）和五行数组（多组五行元素），每个天干元素后面跟的是多个五行元素如何统计？比如天干[0]即“丁”后面跟随的是五行[0]里面的“水、木、水、木、土、火“6个数据，得出的第一个结果是丁后面出现的水2火1木2金0土1。依次类推。给出的模拟数据如下所示：
天干五行
丁水木水木土火
辛金金水水金土
甲木火木土水火
戊木金火土水土
辛金土火土水水
乙水土火水水木
戊木金金水水水
壬金木火木金土
乙土木金火土土
己水火金木火木
壬火水土金土火
丙火火火水火土
己木木木火火水
癸木水火水木土
丙土水金水火金
庚土木水火木水
癸土水木木土木
丁水土土金土木
庚火木木木水金
统计结果如下：
水火木金土
甲 1 2 2 1
乙 3 2 2 1 4
丙 3 5 0 2 2
丁 3 1 3 1 4
戊 4 1 2 3 2
己 2 4 5 1 0
庚 3 2 5 1 1
辛 4 1 0 4 3
壬 1 3 2 3 3
癸 3 1 5 0 3

今铭昔 · 发表于 2024-6-2 07:20

xx6000 发表于 2024-6-1 19:15
再增加点难度，如果有一个天干数组（单一元素）和五行数组（多组五行元素），每个天干元素后面跟的是多个五 ...

一江春水1688 · 发表于 2024-6-2 12:39

今铭昔发表于 2024-6-2 07:20

感谢大佬耐心指教，经过几天消化，初步明白了许多高级用法：

function run0602(){
const dic = {}
const {map, forEach} = Array.prototype // 对象解构，取出数组原型对象里的两个成员函数
const res = map.call('\u0000甲乙丙丁戊己庚辛壬癸', s => dic[s]=[s]) // 生成二维数组并映射天干元素所对应的数组对象
forEach.call('水火木金土', s => res[0][s] = res[0].push(s) - 1) // 添加五行并映射所对应的列索引
Range('A1:G19').Value2 // 不过是多套了一层循环。。。。。。
.forEach(([a, ...v]) => v.forEach(s => (dic[a][s = res[0][s]] ??= 0, dic[a])[s]++))
Range('I1').Resize(res.length, res[0].length).Value2 = res
}

复制代码

①对象解构，可以使得之后的代码更加简约：
Array.prototype.map.call 简写为 map.call
Array.prototype.forEach.call 简写为 forEach.call

②第6行（至第7行）二重循环代码中，参数 ([a, ...v])，表示二维数组的某行（是个一维数组）的 a元素及剩余元素v，
③第4行代码，除了生成二维数组 res 和字典 dic ，还有一个非常重要的作用，res 的第1列跟dic的Values指向同一地址，当dic自加产生变化时也同样引起res同样变化
④偶然发现，"\u0000" 也可以写成 "\x00"，前者对应unicode多字节字符，后者对应单字节ASC字符

wodewan · 发表于 2024-6-2 16:54

一江春水1688 · 发表于 2024-6-2 21:00

wodewan 发表于 2024-6-2 16:54

大佬的代码，一看就明白原理，写得很精练，想得到大佬的代码，使用了ocr识别，再人工修正个别错误，反复核对了几遍。可是一运行，二重循环内循环就出错。不得已，只好重新写一遍，并把代码展开，以方便调试。代码如下：

function test_wodewan(){
const [row,col]=['甲乙丙丁戊已庚辛王癸','水火木金土'];
const res = Array.from(row, (r, i) =>
[r, ...(i ? ''.padEnd(col.length) : col)]);
console.log(JSON.stringify(res, null, 4))
Range('A1:G19').Value2.forEach(([r, ...c]) => {
c.forEach((e) => {
let i = row.indexOf(r);
let j = col.indexOf(e);
if(i == -1 || j == -1){
console.log();//此处中断，查看 i, j
}
res[i][j + 1]++ //这里出错
})
})
}

复制代码

结果，发现，代码绝大部分没写错，竟错在第2行的初始化变量处：
①'甲乙丙丁戊已庚辛王癸'，前面少了个空格
②"已"和”王“也错了，表面看起来似乎一样（视力有问题啊）

最后，还原大佬的代码如下：

function run_wodewan(){
const [row,col]=[' 甲乙丙丁戊己庚辛壬癸','水火木金土'];
const res = Array.from(row, (r, i) =>
[r, ...(i ? ''.padEnd(col.length) : col)]);
Range("A1:G19").Value2.forEach(([r,...c]) =>
c.forEach(e => res[row.indexOf(r)][col.indexOf(e)+1]++));
Range('I1').Resize(res.length, res[0].length).Value2 = res;
}

复制代码

在此记录一下，警醒自己

grf1973 · 发表于 2024-6-3 10:40

就用一招。。。。

一江春水1688 · 发表于 2024-6-3 13:15

消化了几天大佬的代码，来一段代码练练手：

function test(){
const [row,col]=['\x00甲乙丙丁戊己庚辛壬癸','水火木金土']
const res=[...row].map((x,i)=>[x,...(i?Array(col.length):col)])//生成初始二维数组
Range("a1:g19").Value2.forEach(([y,...x]) => x.forEach((z,i) => {
i=row.indexOf(y),z=col.indexOf(z)+1,res[i][z]??=0,res[i][z]++}))//巧借参数z,i当临时变量用
Range('I1').Resize(res.length, res[0].length).Value2 = res
}

复制代码

一江春水1688 · 发表于 2024-6-3 14:44

练练手，再换一种写法：

function test(){
const [row,col]=['\x00甲乙丙丁戊己庚辛壬癸','水火木金土']
const res=[...row].map((x,i)=>[x,...(i?Array(col.length).fill(null):col)])
Range("a1:g19").Value2.forEach(([y,...x])=>
x.forEach((z,i)=>{res[row.indexOf(y)][col.indexOf(z)+1]++}))
Range('I1').Resize(res.length, res[0].length).Value2 = res
}

复制代码

这段代码的第3行，二维数组初始化时，空白元素，填充的是null元素，是可以自加的，我的上一段代码表面上填充了null，实际上填充的是undefined，无法自加。
当变量 x 的值是空格符或null时，变量 x++ ，会把空格或null先转换为0，自加后就等于1了。这是我调试时发现的，后来在MDN网站找到答案。
当变量x的值是undefined时，x++，结果是NaN，因此要先判断再自加，即：
x ?? =0, x++

		自动登录	找回密码
密码			免费注册

[求助] 如何用js数组reduce方法实现统计

评分

评分

评分

评分

评分

最新热点 /1