push()

作用: 将一个或多个元素添加到数组的末尾，并返回该数组的新长度,会改变原数组。

1     <script>
2         let arr = ['橘子', '布丁', '千珏', '卡特']
3         let newArr = arr.push('咪咪')
4         console.log(newArr); //5
5         console.log(arr); // ["橘子", "布丁", "千珏", "卡特", "咪咪"]
6     </script>

pop()

作用: 从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度,会改变原数组。

1     <script>
2         let arr = ['橘子', '布丁', '千珏', '卡特']
3         let newArr = arr.pop(1)
4         console.log(newArr); //卡特
5         console.log(arr); //["橘子", "布丁", "千珏"]
6     </script>

unshift()

作用: 将一个或多个元素添加到数组的开头，并返回该数组的新长度,会改变原数组。

1     <script>
2         let arr = ['橘子', '布丁', '千珏', '卡特']
3         let newArr = arr.unshift('咪咪')
4         console.log(newArr); //5
5         console.log(arr); // ["咪咪", "橘子", "布丁", "千珏", "卡特"]
6     </script>

shift() 

作用: 从数组中删除第一个元素，并返回该元素的值。会改变原数组。

1     <script>
2         let arr = ['橘子', '布丁', '千珏', '卡特']
3         let newArr = arr.shift(1)
4         console.log(newArr); //橘子
5         console.log(arr); // ["布丁", "千珏", "卡特"]
6     </script>

splice()

作用: 通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

splice(开始的位置,截取到的位置)

参数:截取到的位置不包括这个索引号的位置,负值时从后往前截取

 1     <script>
 2         let arr = ['橘子', '布丁', '千珏', '卡特']
 3         let newArr = arr.splice(1)
 4         console.log(newArr); //["布丁", "千珏", "卡特"]
 5         console.log(arr); // ["橘子"]
 6         let arr1 = ['橘子', '布丁', '千珏', '卡特']
 7         let newArr1 = arr1.splice(1,2)  //截取到1号索引开始位置,2号索引结束位置
 8         console.log(newArr1);  //["布丁", "千珏"]
 9         console.log(arr1); //["橘子", "卡特"]
10     </script>

join()

作用: 数组中拼接字符串,不会改变原数组

1     <script>
2         let arr=['橘子','布丁','千珏','卡特']
3         let newArr=arr.join('❤')
4         console.log(newArr);  //橘子❤布丁❤千珏❤卡特
5     </script>

concat()

作用: 用于合并两个或多个数组。此方法不会改变数组，而是返回一个新数组。

1     <script>
2         //不会改变arr,arr2原数组
3         let arr = ['橘子', '布丁']
4         let arr2 = ['千珏', '卡特']
5         let newArr = arr.concat(arr2)
6         console.log(newArr); //["橘子", "布丁", "千珏", "卡特"]
7     </script>

可实现浅拷贝: concat()里不加参数

1     <script>
2         let arr = ["橘子", "布丁", "千珏", "卡特"]
3         let newArr = arr.concat()
4         console.log(newArr); //["橘子", "布丁", "千珏", "卡特"]
5     </script>

slice(begin,end)

作用: 查找两个索引中间的内容返回到新数组，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。

1      <script>
2         let arr=['橘子','布丁','千珏','卡特']
3         let newArr=arr.slice(0,2)
4         let newArr1=arr.slice(2,3)
5         console.log(newArr); //["橘子", "布丁"]
6         console.log(newArr1); //["千珏"]
7      </script>

 reverse()

作用: 翻转数组,并返回该数组,会改变原数组

1     <script>
2         let arr = [1, 2, 3, 4]
3         let newArr = arr.reverse()
4         console.log(newArr); //[4, 3, 2, 1]
5         console.log(arr);//[4, 3, 2, 1]
6     </script>

sort()

作用: 数组排序,并返回该数组,会改变原数组

1     <script>
2         let arr = [2, 3, 6, 1, 3, 5, 9, 7, 4]
3         let newArr = arr.sort()
4         console.log(newArr); //[1, 2, 3, 3, 4, 5, 6, 7, 9]
5         console.log(arr); //[1, 2, 3, 3, 4, 5, 6, 7, 9]
6     </script>

indexOf()

作用: 查找 返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。

1     <script>
2         let arr = ['橘子', '千珏', '卡特', '橘子']
3         let newArr = arr.indexOf('❤') //-1  (找不到)
4         let newArr2 = arr.indexOf('千珏') //1 索引号位置
5         let newArr3 = arr.indexOf('橘子') //0 索引号位置(第一个橘子)
6     </script>

toString()

作用: 数组转换为字符串

1     <script>
2         let arr = ['橘子', '千珏', '卡特', '橘子']
3         let newArr = arr.toString() 
4         console.log(newArr); // 返回一个字符串，表示指定的数组及其元素。
5     </script>