数组操作-扁平化、对象数组相互转换、求和

盛夏晚秋

于 2020-12-30 16:33:16 发布

阅读量246

点赞数

分类专栏： JS 文章标签： javascript es6

本文链接：https://blog.youkuaiyun.com/qq_21785691/article/details/111993053

版权

JS 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了JavaScript中的扁平化数组处理、对象数组相互转换技巧，包括`flat()`方法、`Object`对象的属性获取与构造，以及实用的数组求和和键盘小工具示例。通过这些内容，读者可以更好地理解和应用这些核心技术在实际开发中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

扁平化

[[1,3,5,7],[2,4,6,8]].flat(2);//[1, 3, 5, 7, 2, 4, 6, 8]

const arr1 = [0, 1, 2, [3, 4]];

console.log(arr1.flat());
// expected output: [0, 1, 2, 3, 4]

const arr2 = [0, 1, 2, [[[3, 4]]]];

console.log(arr2.flat(2));
// expected output: [0, 1, 2, [3, 4]]

对象数组相互转换

Object.keys({name: "csdn",age: 666,});//['name','age']

Object.values({name: "csdn",age: 666,});//['csdn',666]

Object.entries({name: "csdn",age: 666,});//[[name,'csdn'],[age,666]]

Object.fromEntries([name, "csdn"], [age, 666]);//ES10的api,Chrome不支持 , firebox输出{name:'csdn',age:666}

求和

[1, 2, 3, 4].arr.reduce(function (prev, cur) {
  return;
}, 0);//10

小工具

小键盘

(_=>[..."`1234567890-=~~QWERTYUIOP[]\\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["BS","TAB","CAPS","ENTER"][p++]||'SHIFT',p])}\\|`,m+=y+(x+' ').slice(0,w)+y+y,n+=y+b+y+y,l+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.join` `)()

在这里插入图片描述

随机16进制颜色

'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');

在这里插入图片描述