资讯专栏INFORMATION COLUMN

JavaScript中操作数组的常用函数汇总

beita / 2513人阅读

摘要:示例语法作用方法用于删除并返回数组的最后一个元素。返回值一个新的字符串,该字符串值包含的一个子字符串,其内容是从处到处的所有字符,其长度为减。返回值一个新的字符串,包含从的包括所指的字符处开始的个字符。

1.concat()
语法:arrayObject.concat(array1,array2,......,arrayn)
作用:concat() 方法用于连接两个或多个数组。
特征:该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
示例:

    var arr1 = [1,2,3];
    var arr2 = [4,5];
    var arr3 = arr1.concat(arr2);
    console.log(arr1); //[1, 2, 3]
    console.log(arr3); //[1, 2, 3, 4, 5]

2.push()
语法:arrayObject.push(newelement1,newelement2,....,newelementX)
作用:push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
特征:末尾添加,返回的是长度,会改变原数组。
示例:

var a = [2,3,4];
var b = a.push(5);
console.log(a);  //[2,3,4,5]
console.log(b);  //4

push方法可以一次添加多个元素push(data1,data2....)

3.join()
语法:arrayObject.join(separator)
作用:join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
特征:默认使用","号分割,不改变原数组。
示例:

var arr = [2,3,4];
console.log(arr.join());  //2,3,4
console.log(arr);  //[2, 3, 4]

4.pop()
语法:arrayObject.pop()
作用:pop() 方法用于删除并返回数组的最后一个元素。
特征:返回最后一个元素,会改变原数组。
示例:

var arr = [2,3,4];
console.log(arr.pop()); //4
console.log(arr);  //[2,3]

5.reverse()
语法:arrayObject.reverse()
作用:reverse() 方法用于颠倒数组中元素的顺序。
特征:返回的是颠倒后的数组,会改变原数组。
示例:

var arr = [2,3,4];
console.log(arr.reverse()); //[4, 3, 2]
console.log(arr);  //[4, 3, 2]

6.shift()
语法:arrayObject.shift()
作用:shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
特征:返回第一个元素,改变原数组。
示例:

var arr = [2,3,4];
console.log(arr.shift()); //2
console.log(arr);  //[3,4]

7.unshift()
语法:arrayObject.unshift(newelement1,newelement2,....,newelementn)
作用:unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
特征:返回新长度,改变原数组。
示例:

var arr = [2,3,4,5];
console.log(arr.unshift(3,6)); //6
console.log(arr); //[3, 6, 2, 3, 4, 5]

tip:该方法可以不传参数,不传参数就是不增加元素。

8.slice()
语法:arrayObject.slice(start,end)
作用:返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
特征:返回选定的元素,该方法不会修改原数组。
示例:

var arr = [2,3,4,5];
console.log(arr.slice(1,3));  //[3,4]
console.log(arr);  //[2,3,4,5]

9.splice()
语法:arrayObject.splice(index,howmany,item1,.....,itemX)
作用:splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
特征:splice() 方法会直接对数组进行修改。
示例:

var a = [5,6,7,8];
console.log(a.splice(1,0,9)); //[]
console.log(a);  // [5, 9, 6, 7, 8]
var b = [5,6,7,8];
console.log(b.splice(1,2,3));  //[6, 7]
console.log(b); //[5, 3, 8]

10.substring()
语法:stringObject.substring(start,stop)
作用:substring() 方法用于提取字符串中介于两个指定下标之间的字符。
返回值:一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

11.substr()
语法:stringObject.substr(start,length)
作用:substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
返回值:一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含从 start 到 stringObject 的结尾的字符。

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

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

相关文章

  • JavaScript数组——常用数组方法汇总

    摘要:本文记录关于数组的一些常用方法,搜集总结。对于数组中的每个元素,都会调用函数一次。返回值是一个新数组,其中的每个元素均为关联的原始数组元素的回调函数返回值。 本文记录关于js数组的一些常用方法,搜集总结。 主要思路: 1. 方法功能是什么 2. 传递的参数是什么 3. 返回值是什么 4. 原来的数组是否改变 第一组:关于数组的增加、删除和修改 1.push 向数组末尾增加新的...

    HollisChuang 评论0 收藏0
  • 前端实习面试汇总

    摘要:题目来源前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录下来进行一个总结,同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。 最近一直在多看基础的书多码代码准备找实习,在网上也搜罗了不少面经,现在把搜罗到的实习生面试题自己整理一下。 题目来源:前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录...

    张利勇 评论0 收藏0
  • 前端实习面试汇总

    摘要:题目来源前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录下来进行一个总结,同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。 最近一直在多看基础的书多码代码准备找实习,在网上也搜罗了不少面经,现在把搜罗到的实习生面试题自己整理一下。 题目来源:前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录...

    wangzy2019 评论0 收藏0
  • 前端实习面试汇总

    摘要:题目来源前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录下来进行一个总结,同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。 最近一直在多看基础的书多码代码准备找实习,在网上也搜罗了不少面经,现在把搜罗到的实习生面试题自己整理一下。 题目来源:前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录...

    NicolasHe 评论0 收藏0

发表评论

0条评论

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