22.JavaScript-数组常用方法

1.如何清空数组

arr = [];    //(1)
arr.length = 0; //(2)
arr.splice(0,arr.length); //(3)
console.log(arr);

---

2.如何将数组转换为字符串

let str = arr.toString();
console.log(str);
console.log(typeof str);

---

3.如何将数组转换成指定格式字符串

// join()方法默认情况下如果没有传递参数，就是调用toString();
// join()方法如果传递了参数，就会将传递的参数作为元素和元素的连接符号
let str = arr.join("+");
console.log(str);  // 1+2+3+4+5
console.log(typeof str);

---

4.如何将两个数组拼接为一个数组

//方法一：concat()
//注意点：不会修改原数组，会产生一个新的数组返回给我们
let arr1 = [1, 3, 5];
let arr2 = [2, 4, 6];
let res = arr1.concat(arr2);
console.log(res);
console.log(typeof res);

        //方法二：扩展运算符...
        //注意点: 扩展运算符在解构赋值中(等号的左边)表示将剩余的数据打包成一个新的数组
        //   扩展运算符在等号右边,那么表示将数组中所有的数据解开，放到所在的位置
let arr1 = [1, 3, 5];
let arr2 = [2, 4, 6];
let res = [...arr1,...arr2]; // let res = [1, 3, 5, 2, 4, 6];
console.log(res);
console.log(typeof res);

---

5.如何对数组中的内容进行反转

// reverse()方法会修改原数组
let arr = [1, 2, 3, 4, 5];
let res = arr.reverse();
console.log(res); // [5, 4, 3, 2, 1]
console.log(arr); // [5, 4, 3, 2, 1]

---

6.如何截取数组中指定范围内容

// slice()方法是包头不包尾(包含起始位置，不包含结束的位置)
// slice()方法不会修改原数组
let arr = [1, 2, 3, 4, 5];
let res = arr.slice(1, 3);  //[1,3)
console.log(res); // [2, 3]
console.log(arr); // [1, 2, 3, 4, 5];

7.如何查找元素在数组中的位置
indexOf()方法如果找到了指定的元素，就会返回元素对应的位置
indexOf()方法如果没有找到指定的元素，就会返回-1
indexOf()方法默认是从左至右的查找，一旦找到就会立即停止查找
参数1：需要查找的元素
参数2：从什么位置开始查找

let arr1 = [1, 2, 3, 4, 5, 3];
let res = arr1.indexOf(3, 3);
console.log(res); // 5

lastIndexOf()方法默认从右至左的查找，一旦找到就会立即停止查找

let arr1 = [1, 2, 3, 4, 5, 3];
let res = arr1.lastIndexOf(3,4);
console.log(res); // 2

8.如何判断数组中是否包含某个元素

let arr1 = [1, 2, 3, 4, 5];
 // 我们可以通过indexOf和lastIndexOf的结果，判断是否为-1即可
let res = arr1.indexOf(9);
let res = arr1.lastIndexOf(9);
console.log(res); // -1

let arr1 = [1, 2, 3, 4, 5];
let res = arr1.includes(8);  // false
let res = arr1.includes(1); // true
console.log(res);