JS 数组常见 API 示例说明

静态方法

1. Array.isArray(): 判断是否为数组

2. Array.from(): 把伪数组转换为真数组

   注: 伪数组必须有length属性,否则无法转换为真数组,length为几,数组有几个值,如果length大于原数据个数,则多出部分为undefined

   实例方法

1.concat: 链接数组成为新数组

let a1 = [1, 2, 3]; 
let a2 = ['a', 'b', 'c']; 
let a3 = [11, 12, 13]; 
let arr = a1.concat( a2, a3, 'red'); 
// 返回拼接后的新数组;
复制代码

2. indexOf: 查找(查找数组中的某个元素, 如果找到了就会返回索引值, 找不到就会返回-1, 且查找的是元素首次出现的位置)

let arr = ['a','b','c','d','a','c']; 
arr.indexOf('c'); // 
返回的索引值为 2 ;
复制代码

3. lastIndexOf: 查找(查找数组中的某个元素最后一次出现的位置,如果找到了就会返回索引值,找不到就会返回-1)

let arr = ['a','b','c','d','a','c']; 
arr.indexOf('c'); 
// 返回的索引值为 5 ;
复制代码

4. join: 用于连接数组的每个元素成为字符串

let arr = ['a','b','c','d','e','f'];
arr.join('-'); 
1.拼接后为 'a-b-c-d-e-f' 的字符串; 
2.如果想让数组的内容连起来,只需arr.join('');即可; 结果为 'abcdef' 的字符串;
复制代码

5. sort: 数组排序(编码排序,只识别首字母)

	let arr = [1, 23, 6, 13, 199, 28, 96];
	公式:
	(从小到大排序)
		arr.sort( function (a,b){return a-b });
	(从大到小排序)
		arr.sort( function (a,b){return b-a });
复制代码

以下方法共用一个示例数组

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // 示例数组
复制代码

6. find: 返回数组中满足条件的第一个元素

let refind = arr.find(i => {
        return i > 5;
        // 默认遍历数组,可以写条件,直接返回满足条件的结果;
    });
    console.log(refind);
	// 控制台结果为: 6;
复制代码

7. findIndex: 返回数组中第一个满足条件的元素的索引值

let refindIndex = arr.findIndex(i => {
        return i > 5;
        // 默认遍历数组,可以写条件,直接返回满足条件元素的索引值;
    });
    console.log(refindIndex);
	// 控制台结果为: 5;
复制代码

8. some: 查找满足条件的元素,有一个满足即为ture(满足条件 return ture 立刻停止),否则为false

let resome = arr.some(i => {
        return i > 5;
    // 默认遍历数组,可以写条件,返回布尔值;
    ** 或 **
复制代码

9. every: 查找满足条件的元素,所有元素都满足返回ture,否则就是false

let reevery = arr.every(i => {
        return i > 5;
    // 默认遍历数组,可以写条件,返回布尔值;
    });
    console.log(reevery);
复制代码

10. filter: 遍历筛选元素, 把满足条件的元素筛选出来后放到新数组中返回

let refilter = arr.filter(i => {
       return i > 5;
    // 默认遍历数组,可以写条件,返回新数组;
    });
    console.log(refilter);
	// 控制台结果为:
	(5) [6, 7, 8, 9, 10]
		0: 6
		1: 7
		2: 8
		3: 9
		4: 10
		length: 5
		__proto__: Array(0)

复制代码

11. map: 遍历元素, 把每项执行一遍回调函数,把结果都放到一个新数组中返回

let remap = arr.map(i => {
        return i * i;
    // 默认遍历数组,可以写条件,返回计算后的新数组;
    });
    console.log(remap);
	// 控制台结果为:
	(10) [1, 4, 9, 16, 25, 36, 49, 64, 81, 100]
			0: 1
			1: 4
			2: 9
			3: 16
			4: 25
			5: 36
			6: 49
			7: 64
			8: 81
			9: 100
			length: 10
			__proto__: Array(0)

复制代码

12. reduce: 遍历元素, 可以得到所有元素累加的结果

语法: reduce ( ( 累加值, 当前项 ) => { 执行代码 }, 初始值 )

    let theSum = arr.reduce((sum, i) => {
      return sum += i
    }, 0)

	console.log(theSum)
	// 控制台输出结果为: 55

复制代码

13. includes: 用来判断一个数组是否包含一个指定的值，如果包含返回 true，否则返回false

        arr.includes(2)  // 返回 true
	arr.includes(11)  // 返回 false
复制代码