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); //
相关文章
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 算法 前端开发
JS数组操作方法全景图,全网最全构建完整知识网络!js数组操作方法全集(实现筛选转换、随机排序洗牌算法、复杂数据处理统计等情景详解,附大量源码和易错点解析)
这些方法提供了对数组的全面操作,包括搜索、遍历、转换和聚合等。通过分为原地操作方法、非原地操作方法和其他方法便于您理解和记忆,并熟悉他们各自的使用方法与使用范围。详细的案例与进阶使用,方便您理解数组操作的底层原理。链式调用的几个案例,让您玩转数组操作。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
450 59
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
320 2
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
477 4
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
506 3
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
237 1
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
258 0