当前位置: 首页 > news >正文

JS 中七个改变原数组的方法

目录

一、push

 二、pop

三、unshift

四、shift

五、splice

六、sort

七、reverse


一、push

在数组的尾部添加元素,并返回新的长度。

let arr = [1]
arr.push(2)
console.log(arr)  // [1, 2]

 二、pop

删除数组最后面一个元素、并返回删除的元素。

let arr = [1, 2]
arr.pop()
console.log(arr)  // [1]

三、unshift

在数组的开头添加元素,并返回新的长度。

let arr = [1]
arr.unshift(2)
console.log(arr) // [2, 1]

四、shift

删除数组开头一个元素、并返回删除的元素。

let arr = [1, 2]
arr.shift()
console.log(arr)  // [2]

五、splice

 用于删除、添加、替换数组中的某些元素; 返回被删除或被替换元素组成的数组。

1)、添加

let arr = [1, 2, 3, 4, 5]
let arr1 = arr.splice(2, 0, 'haha')
console.log(arr1)  //[1, 2, 'haha', 3, 4, 5]新增一个元素

2)、删除

let arr = [1, 2, 3, 4, 5]
let arr2 = arr.splice(2, 3)
console.log(arr2)  //[1, 2] 删除三个元素

3)、替换

let arr = [1, 2, 3, 4, 5]
let arr3 = arr.splice(2, 1, 'haha')
console.log(arr3)  //[1, 2, 'haha', 4, 5] 替换一个元素

六、sort

对数组的元素进行排序并返回排序后的数组。

  • 基本使用
let arr = [1,5,3,7,6];
let n = arr.sort();
console.log(arr); // [1, 3, 5, 6, 7]
console.log(n); // [1, 3, 5, 6, 7]
  • 再看下面一个例子
let arr = [6,8,1,30,5];
arr.sort();
console.log(arr); // [1, 30, 5, 6, 8]

看着上面排序的结果是不是感觉和奇怪,并不是自己想像的结果。其实数组的sort方法当没有参数传入的时候,其排序顺序默认为,将待排序数据转换为字符串,并按照Unicode序列排序;所以这里sort默认的排序并不是按照值来排序,想要实现值的排序就需要传入一个比较函数了。该函数比较两个值的大小,然后返回一个用于说明这两个值的相对顺序的数字。具体是排序原理是用的 v8 引擎里的插入排序和快速排序,v8引擎排序源码。当数组长度小于等于10的时候,采用插入排序,大于10的时候,采用快排。

比较函数有两个参数 a 和 b,其返回值如下:

若 a 小于 b,即 a - b 小于零,则返回一个小于零的值,数组将按照升序排列。

若 a 等于 b,则返回 0,数组顺序不变。

若 a 大于 b, 即 a - b 大于零,则返回一个大于零的值,数组将按照降序排列。

let arr = [1,5,3,7,6];
arr.sort((a,b) => 0);
console.log(arr); // [1, 5, 3, 7, 6]
arr.sort((a,b) => a - b);
console.log(arr); // [1, 3, 5, 6, 7]
arr.sort((a,b) => b - a);
console.log(arr); // [7, 6, 5, 3, 1]

七、reverse

反转数组中元素的顺序并返回新数组。

let arr = [1, 2, 3, 4];
arr.reverse()
console.log(arr)  // [4, 3, 2, 1]
http://www.lryc.cn/news/64946.html

相关文章:

  • 【笔试强训选择题】Day7.习题(错题)解析
  • Vue电商项目--axios二次封装
  • 人生四维度
  • Python 调用 MessageBeep 播放系统音效
  • 废物,我TMD一个985却斗不过专科生(大厂自动化测试2年被裁)
  • p70 内网安全-域横向内网漫游 Socks 代理隧道技术(NPS、FRP、CFS 三层内网漫游)
  • 第三十二章 Unity Mecanim动画系统(上)
  • 第二章 集合
  • 这一篇Databinding应该可以帮助迅速上手吧
  • 【PHP在线定制商城网站源码V3.0】开源的DIY在线定制商城系统+在线礼品定制
  • cout源码浅析
  • 发送Ajax get请求详解
  • SQL语句
  • Mysql 学习(八)单表查询方法二
  • 安卓系统下的截屏和录屏
  • 行为型模式-中介者模式
  • 辅助驾驶功能开发-功能规范篇(16)-2-领航辅助系统NAP-功能ODD定义
  • PMP/高项 06-项目成本管理
  • XXL-JOB中间件【实现分布式任务调度】
  • Vue3+Element Plus环境搭建和一键切换明暗主题的配置
  • Leetcode326. 3 的幂
  • 【运动规划算法项目实战】如何在栅格地图中实现Dijkstra算法
  • 【算法】一文彻底搞懂ZAB算法
  • 【软考高级】2022年系统分析师综合知识
  • 关于AI未来的思考和应用场景
  • 智慧城市规划数字化管理:数字孪生技术的创新应用
  • 开心档之C++ 指针
  • 零基础搭建私人影音媒体平台【远程访问Jellyfin播放器】
  • Abstract Expressionist
  • 【郭东白架构课 模块二:创造价值】24|节点四:如何减少语义上的分歧?