JS Array

简介: JS Array
1.concat() 连接两个或更多的数组
var a = ['1','2','3'],b = ['5','6','7']
a.concat(b);
["1", "2", "3", "5", "6", "7"]
2.join() 把数组所有的元素放入一个字符串。元素通过指定的分隔符进行分隔
var c = ['a','b','c'],d=['e','f','g']
c.join(d)
"ae,f,gbe,f,gc"
3.pop() 删除数组的最后一个元素并返回删除的那个元素
var c = ['a','b','c'],d=['e','f','g']
c.pop()
返回 c
c数组变成 ['a','b']
4.push() 向数组的末尾追加一个或更多的元素,并返回新的长度
var del = ['1','2','3','4','5','6']
del.push('a')   返回 7
del 变成 ["1", "2", "3", "4", "5", "6", "a"]
5.unshift() 向数组开头追加一个或更多的元素,并返回新元素的长度
var del = ['1','2','3','4','5','6']
del.unshift('sd') 返回 7
del 变成 ["sd", "1", "2", "3", "4", "5", "6"]
6.reverse() 将现有数据倒叙返回。
var del = ['1','2','3','4','5','6']
del.reverse()
del 变成 ["6", "5", "4", "3", "2", "1"]
7.shift() 删除数组开头的第一个元素 并返回这个元素
var del = ['1','2','3','4','5','6']
del.shift()   返回 1
del 变成 ['2','3','4','5','6']
8.slice(start,end) 从某个已有的数组返回选定的元素 原数组不变
var del = ['1','2','3','4','5','6']
del.slice(2,3) 返回 ["3", "4"]
9.sort() 对数据进行排序,可以是降序 升序 等。
默认是按照ascii码进行排序
如果是数字  则按照第一位数字的大小排序 如  1 21 4 35   则是  1 21 35 4 这样
或者自定义 升序降序 
var del = ['1','2','3','4','5','6']
del.sort(function(a,b){
return a-b  or  b-a  前  从大到小  后 相反
})
10.splice() 删除元素并可以向数组添加新元素。是直接对数组进行修改,不同于slice
var test = ['111','222','333','444','555','666']
test.splice(2,4)   返回 ["333", "444", "555", "666"]
test 变成 ["111", "222"]
或者这样  删除指定元素 并用指定 替换
test.splice(2,3,'dsd');  返回["333", "444", "555"]
test 变成 ['111','222','dsd','666']
或者这样 直接在第三个元素之前插入
test.splice(2,0,'dsd');  返回 空
test 变成['111','222','333','dsd','444','555','666']
相关文章
|
7月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
7月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
7月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
11月前
|
JavaScript 前端开发 开发者
|
12月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
|
12月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
94 3
|
JavaScript 前端开发 索引
在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
【4月更文挑战第16天】在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
166 4

热门文章

最新文章