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%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论

相关推荐

ProMonkey2024:5个oc?厉害! 但是有一个小问题:谁问你了?😡我的意思是,谁在意?我告诉你,根本没人问你,在我们之中0人问了你,我把所有问你的人都请来 party 了,到场人数是0个人,誰问你了?WHO ASKED?谁问汝矣?誰があなたに聞きましたか?누가 물어봤어?我爬上了珠穆朗玛峰也没找到谁问你了,我刚刚潜入了世界上最大的射电望远镜也没开到那个问你的人的盒,在找到谁问你之前我连癌症的解药都发明了出来,我开了最大距离渲染也没找到谁问你了我活在这个被辐射蹂躏了多年的破碎世界的坟墓里目睹全球核战争把人类文明毁灭也没见到谁问你了(别的帖子偷来的,现学现卖😋)
点赞 评论 收藏
分享
2 收藏 评论
分享
牛客网
牛客企业服务