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

第一篇：