JavaScript 数组的添加删除和排序

简介: JavaScript 数组的添加删除和排序

创建数组的两种方式?

1. 字面量方式 let arr = [1, ‘dlb’,true];

2. 实例化数组对象 new Array() let arr = new Array();

第二种方式中 arr 创建出的是一个空数组,如果需要使用构造函数 Array 创建非空数组,可以

在创建数组时传入参数。

如果只传入一个参数并且为数字类型,则参数规定了数组的长度。


如果传入了多个参数,则参数成为数组的元素。

添加删除数组元素的方法:

push

末尾添加一个或多个元素,会修改原数组

返回新的长度

pop()

末尾删除一个元素,数组长度减 1 ,会修改原数组

返回它删除的值

unshift()

头部添加一个或多个元素,会修改原数组

返回新的长度

shift()

头部删除一个元素,数组长度减 1 ,会修改原数组

返回它删除的值

let arr1 = [1, 2, 3];
console.log(arr1.push(5)); // 长度 4
console.log(arr1); // [1, 2, 3, 5]
let arr2 = [1, 2, 3];
console.log(arr2.pop()); // 删除 3
console.log(arr2); // [1, 2]
let arr3 = [1, 2, 3];
console.log(arr3.unshift(5,6)); // 长度 5
console.log(arr3); // [5, 6, 1, 2, 3]
let arr4 = [1, 2, 3];
console.log(arr4.shift()); // 删除 1
console.log(arr4); // [2, 3]

数组排序:

reverse()

颠倒数组中元素的顺序,无参数

该方法会改变原来的数组 返回新数组

sort()

对数组的元素进行排序

该方法会改变原来的数组 返回新数组

注意: sort 方法需要传入参数 ( 函数 ) 来设置升序、降序排序

如果传入 function(a,b){ return a - b } 则为升序(从小到大排序)

如果传入 function(a,b){ return b - a } 则为降序(从大到小排序)

// 数组 sort()排序(冒泡排序) return a - b 则升序
// 写法固定 参考如下
let arr1 = [13,4,77,1,7];
arr1.sort(function(a,b){
return a-b;
});
console.log(arr1); //
相关文章
|
9天前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
92 59
|
19天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
16 2
|
22天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
19 3
|
24天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
33 4
|
22天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
27 1
|
26天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
22 5
|
28天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
28 1
|
22天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0
|
22天前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
15 0
|
24天前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
17 0