码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript中常用的数组方法总结

时间:2021-05-24 05:56:34      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:元素   改变   war   asc   中间   concat   ons   sort   长度   

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>

 

Javascript中常用的数组方法总结

标签:元素   改变   war   asc   中间   concat   ons   sort   长度   

原文地址:https://www.cnblogs.com/mm-hys/p/14757038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!