js数组的常用方法 详细 (二)

第一篇： js数组的常用方法 详细 (一)
注：参数后接?表示可选

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

• 返回值为boolean值，是数组返回true，反之。

const arr = [1, 2, 3, 4, 5];
const obj = { id: 110 };
console.log(Array.isArray(arr)); // true
console.log(Array.isArray(obj)); // false

2.数组转字符串toString()&join(string)

const arr = [1, 2, 3, 4, 5];
console.log(arr.toString()); // 1,2,3,4,5
console.log(arr.join('-')); // 1-2-3-4-5
console.log(arr.join(',')); // 1,2,3,4,5

3.字符串转数组split(splitter)

• splitter表示转化的依据

const str = '1,2,3';
console.log(str.split(',')); // 以,作为分割 [ '1', '2', '3' ]
const str = '123';
console.log(str.split('')); //[ '1', '2', '3' ]

4.数组填充fill(value,start?,end?)

• 影响原数组，返回值是数组（指向同一个）
• value:填充的值，start：从第几个开始，end：从第几个结束

const arr = [1, 2, 3]
console.log(arr.fill(111));// [ 111, 111, 111 ]
console.log(arr.fill(222, 2));// [ 111, 222, 222 ]
console.log(arr.fill(333, 2, 3));// [ 111, 333, 222 ]

5.伪数组转真正数组Array.from(iterable)

• iterable：伪数组

function fn(arg) {
    console.log(arguments); 
    //[Arguments] { '0': 1, '1': 2, '2': 3, '3': 4 }
    console.log(Array.from(arguments));
    //[ 1, 2, 3, 4 ]
}
fn(1, 2, 3, 4)

6.一组值转变为数组Array.of(...items)

console.log(Array.of(1, 2, 3)); //[ 1, 2, 3 ]
console.log(Array.of('b', 'c', 'd')); //[ 'b', 'c', 'd' ]

7.找到第一个符合条件的数find(callback)或下标findIndex(callback)

const arr = [1, 5, 8];
const result = arr.find((value, index, obj) =>{
    return value > 1;
});
console.log(result); // 5

const arr = [1, 5, 8];
const result = arr.findIndex((value, index, obj) => {
    return value > 1;
});
console.log(result); //1

第一篇：js数组的常用方法 详细 (一)