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

这篇具有很好参考价值的文章主要介绍了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

反转数组中元素的顺序并返回新数组。文章来源地址https://www.toymoban.com/news/detail-705260.html

let arr = [1, 2, 3, 4];
arr.reverse()
console.log(arr)  // [4, 3, 2, 1]

到了这里,关于JS 中七个改变原数组的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS中数组的splice()方法介绍 及 用原生JS手写数组splice()方法

    先介绍splice 一、splice()方法是用来对数组进行增、删操作,该方法返回被删除的元素,改变原数组 二、splice()方法接受三个及以上的参数:        第一个参数: 第一个参数是起始位置(数组的索引)       第二个参数: 第二个参数是要删除的元素个数,如果该参数是负数则默

    2024年02月07日
    浏览(30)
  • 前端js 数据结构:对象 object、数组Array 、Map 的创建、增删改 / 遍历数据

    对象:由一组键值对组成的无序集合,可以通过键来获取对应的值。 每个键值对中的键是唯一的,值可以是任意类型的数据。 对象通常用来表示实体的属性和方法。 1.1.1 对象字面量(最常用): {} 对象字面量:通过在大括号 {} 中定义对象的属性和方法来创建对象。 这是最简单

    2024年01月21日
    浏览(55)
  • Js数组过滤的方法

    方法一:使用forEach遍历 方法二:使用map 方法三:使用filer,这是比较正确的方法 方法四:使用Set,方法很蠢但是的确可以实现 输出展示  

    2024年02月09日
    浏览(37)
  • js数组的方法

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 方法用于对数组的元素进行排序

    2024年02月03日
    浏览(31)
  • JS常用数组方法

    📝个人主页:爱吃炫迈 💌系列专栏:数据结构与算法 🧑‍💻座右铭:道阻且长,行则将至💗 无参构造 带参构造 如果传入一个非数值的参数或者参数个数大于 1,则表示创建一个包含指定元素的数组。 Array.of()方法总会创建一个包含所有传入参数的数组,而不管参数的数

    2023年04月23日
    浏览(33)
  • js 数组的常用方法

    数组关注是否改变原数组 操作 增   会影响原数组 push() unshift() splice() 不会影响 concat() 删 会影响原数组 pop() shift() splice() 不会影响 slice() 改 splice() 查 indexOf() includes() find() 排序 reserve() sort() 转换 join() 迭代方法 some() every() forEach() filter() map() push() 接收任意数量的参数,将

    2024年04月27日
    浏览(32)
  • js中数组的方法,32种方法

    数组的32中方法={    1.push(): 在数组末尾添加一个或多个元素,并返回修改后的数组。 2.pop(): 移除数组的最后一个元素,并返回被移除的元素。 3.shift(): 移除数组的第一个元素,并返回被移除的元素。 4.unshift(): 在数组的开头添加一个或多个元素,并返回修改后的数组。 5.c

    2024年02月15日
    浏览(30)
  • js操作数组的常用方法

    1、字面量创建 2、内置构造函数创建 注: 查看数组的长度 arr.length 1、arr[索引值] (1)修改数组当前索引值的数据 (2)向数组中添加一个新成员,length的索引值,否则依然为修改操作 2、arr.push() 末尾追加 (1)作用:向数组末尾追加一个数据 (2)返回值:追加该数据以后

    2024年02月09日
    浏览(46)
  • JS数组常用的操作方法

    1. push() 将一个或多个元素添加到数组的末尾,并返回该数组的新长度。此方法修改原有数组。 2. pop(),从数组中删除最后一个元素,并返回该元素的值。如果数组为空,则返回undefined。此方法修改原有数组。 3. shift(),从数组中删除第一个元素,并返回该元素的值。此方法修

    2024年02月02日
    浏览(60)
  • 【JS】随机打乱数组的方法

    使用 随机播放列表案例 首先要明确,我们对播放列表打乱的前提是不能对原数组进行更改的 结果:[5, 3, 2, 1, 4]

    2024年02月11日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包