JS 数组API总结

Js 数组API总结

  1. pop(): 删除数组最后一个元素
  2. push(): 给数组的末尾添加元素
  3. shift(): 删除数组的第一个元素
  4. unshift(): 给数组 首位添加元素
  5. concat(): 数组合并
  6. splice(): 数组的删除功能 ,数组的插入功能, 数组的替换功能
  7. slice(): 数组截取
  8. join(): 表示数组转换成字符串
  9. split(): 字符串转换成数组
  10. .reverse(): 数组的翻转
  11. sort(): 排序
  12. indexOf(): 查找
  13. lastIndexOf(): 查找
  14. forEach(): 遍历数组
  15. map(): 遍历数组(映射)
  16. isArray(): 判断是否是数组
  17. toString(): 数组转字符串

ES5新增方法:

  • 2个索引方法:indexOf()和lastIndexOf()
    (1) indexOf() :从前往后遍历,返回item在数组中的索引位,如果没有返回-1;通常用来判断数组中有没 有某个元素。可以接收两个参数,第一个参数是要查找的项,第二个参数是查找起点位置的索引。
    (2) lastIndexOf():与indexOf一样,区别是从后往前找。

  • 5个迭代方法:forEach()、map()、filter()、some()、every()
    some:该方法对数组中的每一项运行给定函数,如果该函数对任何一项返回 true,则返回true。(some方法会在数组中任一项执行函数返回true之后,不在进行循环。)
    every():该方法对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回true。
    filter():过滤,找匹配,返回数组; map():映射,返回数组;forEach():遍历。

  • 2个归并方法:reduce()、reduceRight()
    reduce():依次处理数组的每个成员,最终累计为一个值。reduce是从左到右处理(从第一个成员到最后一个成员)。参数是一个函数,该函数接受以下两个参数:1累积变量,默认为数组的第一个成员;2当前变量,默认为数组的第二个成员。

ES6新增的数组方法

  • Array.from():用于类似数组的对象(即有length属性的对象)和可遍历对象转为真正的数组。
  • Array.of():将一组值转变为数组。
  • find()和findIndex():用于找出第一个符合条件的数组成员。参数是个回调函数,所有数组成员依次执行该回调函数,直到找到第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,就返回undefined;可以接收3个参数,依次为当前值、当前位置、原数组。
  • fill():使用fill()方法给定值填充数组。
  • copyWithin():在数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),改变原数组。

ES7新增的数组方法

  • includes():表示某个数组是否包含给定的值,如果包含则返回 true,否则返回false。可以接收两个参数:要搜索的值和搜索的开始索引。当第二个参数被传入时,该方法会从索引处开始往后搜索(默认索引值为0)。若搜索值在数组中存在则返回true,否则返回false。
JavaScript 提供了丰富的数组操作 API,这些 API 可以方便地对数组进行各种操作。下面是一些常用的 JavaScript 数组方法及其用法示例: ```javascript // 创建一个数组 let arr = [1, 2, 3, 4, 5]; // push: 向数组末尾添加元素 arr.push(6); console.log(arr); // 输出: [1, 2, 3, 4, 5, 6] // pop: 删除数组最后一个元素 arr.pop(); console.log(arr); // 输出: [1, 2, 3, 4, 5] // shift: 删除数组第一个元素 arr.shift(); console.log(arr); // 输出: [2, 3, 4, 5] // unshift: 向数组开头添加元素 arr.unshift(0); console.log(arr); // 输出: [0, 2, 3, 4, 5] // splice: 删除、替换或添加元素 arr.splice(1, 2, 'a', 'b'); // 从索引1开始删除2个元素,然后插入'a'和'b' console.log(arr); // 输出: [0, 'a', 'b', 4, 5] // slice: 提取子数组(不改变原数组) let subArr = arr.slice(1, 3); // 从索引1开始提取到索引3之前的元素 console.log(subArr); // 输出: ['a', 'b'] // map: 对数组中的每个元素调用函数并返回新数组 let doubled = arr.map(x => x * 2); console.log(doubled); // 输出: [0, 'aa', 'bb', 8, 10] (注意非数字的处理) // filter: 筛选出符合条件的元素 let filtered = arr.filter(x => typeof x === 'number'); console.log(filtered); // 输出: [0, 4, 5] // reduce: 对数组元素执行回调函数,将其结果汇总为单个输出 let sum = arr.reduce((acc, cur) => { if (typeof cur === 'number') return acc + cur; else return acc; }, 0); console.log(sum); // 输出: 9 // forEach: 遍历数组并对每个元素执行回调函数 arr.forEach(x => console.log(x)); // 输出: // 0 // 'a' // 'b' // 4 // 5 // find: 返回满足条件的第一个元素 let found = arr.find(x => x > 3); console.log(found); // 输出: 4 // includes: 判断数组是否包含某个元素 console.log(arr.includes(4)); // 输出: true console.log(arr.includes('a')); // 输出: true ``` 上述代码中展示了多个 JavaScript 数组 API 的基本用法: - `push` 和 `pop` 用于在数组的末尾添加或移除元素。 - `shift` 和 `unshift` 用于在数组的开头移除或添加元素。 - `splice` 可以用来删除、替换或添加元素。 - `slice` 提取子数组而不改变原数组。 - `map` 对每个元素应用函数并生成新数组。 - `filter` 根据条件筛选出符合条件的元素。 - `reduce` 将数组元素归约为单一值。 - `forEach` 遍历数组并对每个元素执行回调函数。 - `find` 查找满足条件的第一个元素。 - `includes` 判断数组是否包含指定元素。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值