资讯专栏INFORMATION COLUMN

关于javascript数组方法的总结

Yi_Zhi_Yu / 2452人阅读

摘要:关于数组方法的总结以此数组为操作对象以下方法不改变原数组只是数组的转换字符串使用括号中的字符串连接数组中的每个元素,返回一个连接好的字符串,不改变原数组可以将数组转换成字符串形式,返回字符串,不改变原数组。

关于数组方法的总结

【arr(1,2,3,4);以此数组为操作对象;】

以下方法不改变原数组(只是数组的转换) arr.join(字符串):

使用括号中的字符串连接数组中的每个元素,返回一个连接好的字符串,不改变原数组;

console.log(arr.join("-")); --> 1-2-3-4

arr.toString():

可以将数组转换成字符串形式,返回字符串,不改变原数组。不太常用,一般用join方法;

console.log(arr.toString()); -->1,2,3,4

以下方法改变原数组(数组的基本操作) arr.push(item1, item2, ……):

可以向数组最后添加一个或者多个元素,返回数组的新长度length,改变原数组;

console.log(arr.push(5,6)); -->6

console.log(arr); -->[1,2,3,4,5,6]

arr.unshift(item1, item2, ……):

可以向数组最前面添加一个或者多个元素,返回数组新长度length,改变原数组;

console.log(arr.unshift(5,6)); -->6

console.log(arr); -->[5, 6, 1, 2, 3, 4]

arr.pop():

从数组最后面删除一个元素,返回删除的元素值,改变原数组;

console.log(arr.pop()); --> 4

console.log(arr); -->[1, 2, 3]

arr.shift():

从数组最前面删除一个元素,返回删除的元素值,改变原数组;

console.log(arr.shift()); --> 1

console.log(arr); -->[2, 3, 4]

位置方法(以下两个方法h5提供,ie9以下不支持) arr.indexOf(param1, param2):

返回找到的第一个匹配的索引值,没有找到返回-1;

param1表示要找哪个元素;

param2是一个索引值,表示要从哪个位置开始找,为空默认从头开始找;

arr.indexOf(3); -->2

arr.lastIndexOf(param1, param2):

返回找到的最后一个匹配的索引值,没有找到返回-1;

param1表示要找哪个元素;

param2是一个索引值,表示要从哪个位置开始找,为空默认从头开始找;

arr.indexOf(3); -->2

操作方法 arr.concat(item1, item2, ……):

可以在数组后面连接新的元素,返回连接后的数组,不改变原数组;

注意:如果传入的参数为数组,会将两个数组拼接后返回;

console.log(arr.concat(5, 6)); -->[1, 2, 3, 4, 5, 6]

console.log(arr); -->[1, 2, 3, 4]

该方法可以通过不传参数的方式,达到复制数组的目的,复制的数组与原数组不关联;

arr.slice(start, end):

可以拷贝从start索引开始,到end索引前一位的元素值,以数组的形式返回,不改变原数组;

console.log(arr.slice[0, 3]); -->[1, 2, 3]

console.log(arr); -->[1, 2, 3, 4]

arr.splice(start, len, item1, item2, ……):

可以截取(删除)从start索引开始,len长度的元素,剩余的参数可选,表示在截取(删除)的位置插入新的元素,以数组形式返回截取(删除)的部分,改变原数组

console.log(arr.splice(1, 2)); -->[2, 3]

console.log(arr); -->[1, 4]

排序方法 arr.reverse():

翻转数组,返回翻转后的数组(一般不使用返回值),改变原数组;

console.log(arr.reverse()); -->[4, 3, 2, 1]

console.log(arr); -->[4, 3, 2, 1]

arr.sort();

可以对数组元素是字符串的数组进行排序,按照首字母,不需要考虑后面的值;

用于对数组元素进行排序,返回排序后的数组,改变原数组;

如果不传参数,按照数字的最高位的数字进行排序;(坑)

想要进行正确的升序和降序,需要传递一个回调函数;

升序:arr.sort(function(a, b){return a-b;});

降序:arr.sort(function(a, b){return b-a;});

真是诡异………………………………

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84163.html

相关文章

  • JavaScript 基础知识】一篇关于 JavaScript 一些知识点总结 —— 持续更新

    摘要:中基础数据类型数据类型名称数据类型说明只有一个值,即,声明变量的初始值。只有一个值,即,表示空指针,的值是派生的值。由零或多个位字符组成只有两个值,即和该类型使用来表示整数和浮点数。中的对象其实就是一组数据和功能的集合。 JavaScript 中基础数据类型 数据类型名称 数据类型说明 Undefined 只有一个值,即 undefined ,声明变量的初始值。 Nul...

    felix0913 评论0 收藏0
  • JS程序

    摘要:设计模式是以面向对象编程为基础的,的面向对象编程和传统的的面向对象编程有些差别,这让我一开始接触的时候感到十分痛苦,但是这只能靠自己慢慢积累慢慢思考。想继续了解设计模式必须要先搞懂面向对象编程,否则只会让你自己更痛苦。 JavaScript 中的构造函数 学习总结。知识只有分享才有存在的意义。 是时候替换你的 for 循环大法了~ 《小分享》JavaScript中数组的那些迭代方法~ ...

    melody_lql 评论0 收藏0
  • JavasScript重难点知识

    摘要:忍者级别的函数操作对于什么是匿名函数,这里就不做过多介绍了。我们需要知道的是,对于而言,匿名函数是一个很重要且具有逻辑性的特性。通常,匿名函数的使用情况是创建一个供以后使用的函数。 JS 中的递归 递归, 递归基础, 斐波那契数列, 使用递归方式深拷贝, 自定义事件添加 这一次,彻底弄懂 JavaScript 执行机制 本文的目的就是要保证你彻底弄懂javascript的执行机制,如果...

    forsigner 评论0 收藏0
  • JavaScript基础总结(三)——数组总结

    摘要:关于中的数组做出了如下总结数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数访问数组通过下标的方法来访问可以获得数组长度。 关于JavaScript中的数组做出了如下总结:1、数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数;访问数组通过下标的方法来访问;arr.length可以获得数组长度。2、数组栈方法包括:...

    enda 评论0 收藏0
  • JavaScript数组去重总结

    摘要:需求给定一个数组,里面有重复的数字,字符串,或者是二维的数组对象等,将里面的重复的去除,并返回新数组针对数字及字符串的方法测试数组为方法一思路用两个循环,相互比较然后去掉重复的数字。 声明: 本文给出的大多数方法都不是原创,在具体方法使用时给出了出处的链接,不过有部分方法实现较简单很多地方都有,所以未注明,在最后会给出所有的参考链接。文章来自个人博客, 转载请注明出处。 需求: ...

    shmily 评论0 收藏0

发表评论

0条评论

Yi_Zhi_Yu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<