JavaScript - 数组对象常用API

102 阅读1分钟

1. arr.concat() - 连接数组

用于连接两个或多个数组,不会改变现有的数组,仅返回被连接数组的一个副本。

<script> // arr.concat() - 连接数组 let a = [10,20]; let b = 40; // 参数为具体的值 let c = [50,60]; // 参数为数组对象,可以是多个 a = a.concat(b,c); console.log('a', a); console.log('b', b); console.log('c', c); </script>

打印结果:

image.png

2. arr.join() - 字符串拼接

用于把数组中的所有元素转换为一个字符串,可以自定义分隔符进行分隔。

<script> // arr.join() - 将数组每个元素拼接成字符串 let a = ['周杰伦','蔡依林']; let b = a.join() // 默认是逗号分隔 let c = a.join('') // 不需要分隔 let d = a.join('&') // 自定义分隔符 console.log(b); console.log(c); console.log(d); </script>

打印结果:

image.png

3. arr.every() - 检测数组元素

用于检测数组所有元素是否都符合指定条件(函数内判断),如果数组中有一个元素不满足,则整个表达式返回false,且剩余元素不会再检测。

注意: every() 不会对空数组进行检测, 不会改变原数组

`

// 所有条件都符合 - 返回true
function isNum(num) {
  return num >= 10
};
let a = arr.every(isNum);
console.log('a',a);

// 只要有条件不符合 - 返回false
let b = arr.every(item => item > 10);
console.log('b',b);

`

打印结果:

image.png

4. arr.find() - 找到数组符合条件的首个元素并返回它的值

为数组中的每个元素都调用一次函数执行, 找到数组符合条件(函数内判断)的第一个元素, 并返回它的值, 之后的值不会再调用执行函数。没有符合条件的元素返回 undefined。

注意: find() 不会对空数组进行检测, 不会改变原数组。

`

// 有符合条件的 - 返回20
let a = arr.find(item => item > 10);
console.log('a',a);

// 没有符合条件的 - 返回undefined
let b = arr.find(item => item > 50);
console.log('b',b);

`

打印结果:

image.png

5. arr.filter() - 找到数组符合条件的所有元素并返回一个新数组

创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素, 如果没有则返回一个空数组。

注意:  filter() 不会对空数组进行检测, 不会改变原数组。

`

// 有符合条件的 - 返回20
let a = arr.filter(item => item >= 10);
console.log('a',a);

// 没有符合条件的 - 返回undefined
let b = arr.filter(item => item >= 50);
console.log('b',b);

`

打印结果:

image.png