JS:数组有哪些原生方法(*****五颗星)
1.数组有哪些原生方法?
1.数组和字符串的转换方法:toString()、toLocalString()、join() ,其中 join() 方法可以指定转换为字符串时的分隔符。
Array.prototype.join()将数组的所有元素连接为字符串。
Array.prototype.toLocaleString()返回一个表示调用数组及其元素的本地化字符串。toLocaleString() 方法可根据本地时间把 Date 对象转换为字符串,并返回结果。
Array.prototype.toString()返回一个表示调用数组及其元素的字符串。重写 Object.prototype.toString() 方法。
<script> let date=new Date(); let arr = [0,1,2,"张三",date] console.log(arr.toString())//0,1,2,张三,Thu Mar 02 2023 00:43:54 GMT+0800 (中国标准时间) console.log(arr.join("-"))//0-1-2-张三-Thu Mar 02 2023 00:43:54 GMT+0800 (中国标准时间) console.log(arr.toLocaleString())//0,1,2,张三,2023/3/2 00:43:54 console.log(date.toLocaleString())//2023/3/2 00:44:58 </script>
2.数组尾部操作的方法: pop() 和 push(),push 方法可以传入多个参数。
Array.prototype.pop()从数组中移除最后一个元素并返回该元素。
Array.prototype.push()在数组末尾添加一个或多个元素,并返回数组新的 length。
<script> let arr = [0,1,2,"张三"] arr.push(5,6,7) console.log(arr)//[0, 1, 2, '张三', 5, 6, 7] arr.pop() console.log(arr)//[0, 1, 2, '张三', 5, 6] </script>
3.数组首部操作的方法 :shift() 和 unshift()。
Array.prototype.shift()从数组中移除第一个元素并返回该元素。
Array.prototype.unshift()在数组的前面添加一个或多个元素,并返回数组新的 length。
<script> let arr = [0,1,2,"张三"] arr.unshift(5,6,7) console.log(arr)//[5, 6, 7, 0, 1, 2, '张三'] arr.shift() console.log(arr)//[6, 7, 0, 1, 2, '张三'] </script>
4.重排序的方法 :reverse() 和 sort(),sort() 方法可以传入一个函数来进行比较,传入前后两个值,如果返回值为正数,则交换两个参数的位置。
Array.prototype.reverse()反转数组中元素的顺序。(前面变成后面,后面变成前面。)
Array.prototype.sort()对数组的元素进行排序并返回该数组。
<script> let arr = [0,3,1,4,2] console.log(arr.reverse())//[2, 4, 1, 3, 0] console.log(arr.reverse().toString())//0,3,1,4,2 console.log(arr.sort((a,b)=>a-b))//[0, 1, 2, 3, 4] 升序 </script>
5.数组连接的方法: concat() ,返回的是拼接好的数组,不影响原数组。
Array.prototype.concat()返回一个新数组,该数组由被调用的数组与其它数组或值连接形成。
<script> let arr = [1,2,3] let arr1 = [4,5,6] let arr2 = [7,8,9] console.log(arr.concat(arr1,arr2))//[1, 2, 3, 4, 5, 6, 7, 8, 9] </script>
6.数组截取办法 :slice(),用于截取数组中的一部分返回,不影响原数组。
Array.prototype.slice()提取调用数组的一部分并返回一个新数组。
<script> let arr = [0, 1, 2, 3, 4, 5, 6, 7] console.log(arr.slice(0, 2))// [0, 1] console.log(arr.slice(1))// [1, 2, 3, 4,
剩余60%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理