数组的简单方使用方法

数组的简单方使用方法:

先定义一个数组

let arr = ['1', '2', '3', '4', '5', '6']

简单方法
1. push: 往数组的最后一个添加元素

 arr.push('7')
 console.log(arr); //['1', '2', '3','4', '5', '6','7'

2. unshift: 往数组的最后一个添加元

 arr.unshift('0')
 console.log(arr); // ['0', '1', '2', '3', '4', '5','6']

3. pop: 移除数组中的左后一个元素,并返回这个

 arr.pop()
 console.log(arr); //[ '1', '2', '3', '4', '5' ]

4. shift: 移除数组的第一个元素,并返回这个值,影响原数

 let result = arr.shift()
 console.log(result); //1
 console.log(arr); // [ '2', '3', '4', '5', '6' 

5. splice 删除指定位置元素,可以移除多个 ,并返回
   参数1 : 删除位置的索引
   参数2 : 删除几个
   参数3 : 删除后添加的元素

 let result = arr.splice(1,1,666,888)
 console.log(result); // [ '2' ]
 console.log(arr); // [ '1', 666, 888,'3', '4', '5','6'

6. slice : 切割数组,返回新数组,不会对原数组造成影响
   参数1: 切割开始的位置
   参数2: 切割结束的位置

let result = arr.slice(0, 1) 
 console.log(result); // [ '1' ]
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' ]

传两个参数: 表示截取 参数1 和 参数2(不包含参数2) 之间的元素

 let result = arr.slice(0, 1)
 console.log(result); //  [ '1' ]
 console.log(arr);  // [ '1', '2', '3', '4', '5', '6' ]

传一个参数: 表示截取 此参数 之后的元素

 let result = arr.slice(2)
 console.log(result); //[ '3', '4', '5', '6' ]
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' 

7. concat 实现数组的拼接 不影响原数组

 let result = arr.concat(7, 8, 9)
 let result = arr.concat([7, 8, 9]) //一样的
 console.log(result);// ['1', '2', '3', '4','5', '6', 7,   8, 9 ]
 console.log(arr); //[ '1', '2', '3', '4', '5', '6' 

8. reverse 反转数组

 let result = arr.reverse()
 console.log(result); //[ '6', '5', '4', '3', '2', '1' ]
 console.log(arr); //[ '6', '5', '4', '3', '2', '1' 

9. sort :数组的排序

let arr1 = [7, 2, 3, 4,1 , 5, 6]
 let result = arr1.sort()
 console.log(arr1); // [ 1, 2, 3, 4,5, 6, 7

10. join 把数组用字符串拼接,返回拼接后的字符串

 let result = arr.join('-')
 console.log(result); // 1-2-3-4-5-6
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' 

11. toString: 把数组转化成字符串

 let result = arr.toString()
 console.log(result); // 1,2,3,4,5,6
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' 

12. indexOf 查询索引 //

 let result = arr.indexOf('1')
 console.log(result); // 0
 let result1 = arr.indexOf('9')
 console.log(result); 
 查询不到返回-1,可以通过此方法判断元素是否存在
 如有相同的元素则返回第一个元素的索引
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' 

13. lastindexOf // 从后面查询某个元素的索引,跟indexOf一样

 let result = arr.lastIndexOf('1') 
 console.log(result); // 0
 console.log(arr); // [ '1', '2', '3', '4', '5', '6' 

14. includes 判断某个元素是否存在

 let result = arr.includes('9')
 console.log(result); // false
 let result1 = arr.includes('1')
 console.log(result1); // true
 console.log(arr); //  [ '1', '2', '3', '4', '5', '6'