总结JavaScript中有关数组常见操作技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了总结JavaScript中有关数组常见操作技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6346字，纯文字阅读大概需要10分钟。
内容图文
下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作，需要的的朋友参考下吧效果图如下所示：
Tip: 右键在新标签中打开查看清晰大图
下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作
创建数组
一般使用数组字面量[]创建新数组，除非想要创建指定长度的数组
使用push()动态创建二维数组实例<ul id = "source"><li>北京空气质量：<b>90</b></li></ul>
String.prototype.split() 方法用于把一个字符串分割成字符串数组。 split() 方法不改变原始字符串。
li.innerHTML.split("空气质量：")-----这个拆成的数组为["北京"，"90"]的数组，再取数组
的第一项，即城市值。
Text.splitText()方法会将一个文本节点分成两个文本节点，原来的文本节点将包含从开始到指定位置之前的内容，新文本节点将包含剩下的文本。这个方法会返回一个新文本节点
querySelector()方法接收一个CSS选择符，返回与改模式匹配的第一个元素，如果没有找到，则返回null
querySelectorAll()方法接受一个CSS选择符，返回一个NodeList对象，如果没有找到，则为空
读取和设置
存取数组元素
一维数组
arr[下标索引]
多维数组
arr[外层数组下标][内层元素下标]
length属性
添加新项
arr[array.length] = []
清空数组或清除
arr.length = 0 || (少于项数的数值)
判断数组非空
if(arr.length) {}
数组遍历
遍历数组不使用for in，因为数组对象可能存在数字以外的属性，这种情况下for in不会得到正确结果
推荐使用forEach()方法
使用传统的for循环
应用
引申1：在ES6中，可以使用let或const声明所有局部变量，不使用var关键字。默认使用const，除非需要重新分配变量。const用于声明常量，let是新的声明变量方式，具有块级作用域即由花括号封闭起来，这样就不用考虑各种嵌套下变量的访问问题了。
详情见https://github.com/getify/You-Dont-Know-JS/blob/master/scope%20%26%20closures/ch3.md
引申2：可以使用箭头函数=>写出更简短的函数
MDN Arrow functions
数组排序
sort()方法
默认情况下通过调用数组项toString()方法转型，然后比较字符串顺序（ASCII码）从小到大排列数组
为了避免类似数值字符串比较时，"10"会排在"5"的前面，sort()接受一个比较函数compare()参数，按数值大小比较
该函数返回值小于0，则 a 排在 b前面；如果返回值大于0，则 b 排在 a 前面；如果返回值等于0，则 a 和 b 的相对位置不变。最后返回的是升序数组，我们也可以通过交换比较函数返回的值产生降序排序的结果。
另外如果比较的是数，则可以简化compare()函数如下(其中a-b升序，b-a降序)
运用实例
可以特定对像某个属性进行排序
可以对多维数组某一列进行排序
reverse()方法
返回一个逆向排序的数组
其他数组操作方法功能分类
数组元素的添加
数组元素的删除
数组元素的截取和合并
数组的拷贝
数组指定元素的索引（可以配合splice()使用）
数组的字符串化
可以看做split()的逆向操作
数组值求和
以上就是总结JavaScript中有关数组常见操作技巧的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的总结JavaScript中有关数组常见操作技巧全部内容，希望文章能够帮你解决总结JavaScript中有关数组常见操作技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。