网站首页 > 技术文章 正文
1. Array.from() 将类数组对象或可遍历对象转换成真正的数组
//1. Array.from() 将类数组对象或可遍历对象转换成真正的数组
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']
2. Array.of() 创建一个包含任意数量参数的数组
//2. Array.of() 创建一个包含任意数量参数的数组
const arr1 = Array.of(1, 2, 3);
console.log(arr1); // [1, 2, 3]
3. Array.prototype.find() 返回数组中第一个满足条件的元素
//3. Array.prototype.find() 返回数组中第一个满足条件的元素
const arr2 = [1, 2, 3, 4, 5];
const result = arr2.find(item => item > 3);
console.log(result); // 4
4. Array.prototype.findIndex() 返回数组中第一个满足条件的元素的索引
//4. Array.prototype.findIndex() 返回数组中第一个满足条件的元素的索引
const arr3 = [1, 2, 3, 4, 5];
const index = arr3.findIndex(item => item > 3);
console.log(index); // 3
5. Array.prototype.fill() 用指定的值填充数组
//5. Array.prototype.fill() 用指定的值填充数组
const arr4 = [1, 2, 3, 4, 5];
arr4.fill(0, 2, 4);
console.log(arr4); // [1, 2, 0, 0, 5]
6. Array.prototype.includes() 判断数组是否包含指定的元素
//6. Array.prototype.includes() 判断数组是否包含指定的元素
const arr5 = [1, 2, 3, 4, 5];
console.log(arr5.includes(3)); // true
console.log(arr5.includes(6)); // false
7. Array.prototype.flat() 将嵌套的数组展开成一维数组
//7. Array.prototype.flat() 将嵌套的数组展开成一维数组
const arr6 = [1, [2, 3], [4, [5, 6]]];
console.log(arr6.flat()); // [1, 2, 3, 4, [5, 6]]
8. Array.prototype.flatMap() 将嵌套的数组展开成一维数组,并对每个元素执行指定的操作
//8. Array.prototype.flatMap() 将嵌套的数组展开成一维数组,并对每个元素执行指定的操作
const arr7 = [1, 2, 3];
const result2 = arr7.flatMap(item => [item * item * 2]);
console.log(result2); // [2, 8, 18]
9. Array.prototype.keys() 返回一个包含数组中每个索引键的迭代器对象
//9. Array.prototype.keys() 返回一个包含数组中每个索引键的迭代器对象
const arr8 = ['a', 'b', 'c'];
const keys = arr8.keys();
for (const key of keys) {
console.log(key); // 0, 1, 2
}
10. Array.prototype.values() 返回一个包含数组中每个值的迭代器对象
//10. Array.prototype.values() 返回一个包含数组中每个值的迭代器对象
const arr9 = ['a', 'b', 'c'];
const values = arr9.values();
for (const value of values) {
console.log(value); // 'a', 'b', 'c'
}
11. Array.prototype.entries() 返回一个包含数组中每个索引键值对的迭代器对象
//11. Array.prototype.entries() 返回一个包含数组中每个索引键值对的迭代器对象
const arr10 = ['a', 'b', 'c'];
const entries = arr10.entries();
for (const [index, value] of entries) {
console.log(index, value); // 0 'a', 1 'b', 2 'c'
}
12. Array.prototype.copyWithin() 将数组中指定位置的元素复制到其他位置
//12. Array.prototype.copyWithin() 将数组中指定位置的元素复制到其他位置
const arr11 = [1, 2, 3, 4, 5];
arr11.copyWithin(0, 3, 4);
console.log(arr11); // [4, 2, 3, 4, 5]
13. Array.prototype.sort() 对数组进行排序
//13. Array.prototype.sort() 对数组进行排序
const arr12 = [3, 1, 4, 2, 5];
arr12.sort();
console.log(arr12); // [1, 2, 3, 4, 5]
14. Array.prototype.reverse() 反转数组中的元素
//14. Array.prototype.reverse() 反转数组中的元素
const arr13 = [1, 2, 3, 4, 5];
arr13.reverse();
console.log(arr13); // [5, 4, 3, 2, 1]
15. Array.prototype.join() 将数组中的元素转换成字符串并连接起来
//15. Array.prototype.join() 将数组中的元素转换成字符串并连接起来
const arr14 = [1, 2, 3, 4, 5];
const str1 = arr14.join('-');
console.log(str1); // '1-2-3-4-5'
16. Array.prototype.concat() 将多个数组合并成一个数组
//16. Array.prototype.concat() 将多个数组合并成一个数组
const arr17. Array.prototype.slice() 返回一个新的数组,包含从开始到结束(不包括结束)的原数组中的元素
const arr16 = [1, 2, 3, 4, 5];
const newArr = arr16.slice(1, 3);
console.log(newArr); // [2, 3]
猜你喜欢
- 2024-10-11 js中传统和es6方式 实现数组去重(js数组去重方法es6)
- 2024-10-11 重读《学习JS数据结构与算法-第三版》- 第3章 数组 二
- 2024-10-11 ES6的这些操作技巧,你会吗(es6 教程)
- 2024-10-11 Es6基础语法(es6的语法有哪些)
- 2024-10-11 ES6之扩展运算符的精彩操作(...扩展运算符)
- 2024-10-11 JS面试之数组的几个不low操作(js 数组面试题)
- 2024-10-11 数组的扩展(数组扩展长度的方法)
- 2024-10-11 ES6中Array数组你应该知道的操作(es6数组排序的方法)
- 2024-10-11 ES6 数组的遍历方法最重要的不在代码本身,而是语义化!
- 2024-10-11 ES6 数组解构赋值(es6 结构赋值)
- 02-21走进git时代, 你该怎么玩?_gits
- 02-21GitHub是什么?它可不仅仅是云中的Git版本控制器
- 02-21Git常用操作总结_git基本用法
- 02-21为什么互联网巨头使用Git而放弃SVN?(含核心命令与原理)
- 02-21Git 高级用法,喜欢就拿去用_git基本用法
- 02-21Git常用命令和Git团队使用规范指南
- 02-21总结几个常用的Git命令的使用方法
- 02-21Git工作原理和常用指令_git原理详解
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)