微信小程序制作网站_JavaScript基础进阶之数组方法

发布时间:2021-01-11 14:47 作者:jianzhan

摘要: JavaScript基本升阶之数字能量数组方式小结(强烈推荐) 文章投稿:jingxian 下边网编就为大伙儿产生一篇JavaScript基本升阶之数字能量数组方式小结(强烈推荐)。网编感觉挺好的,如今就

JavaScript基础进阶之数组方法总结(推荐)     投稿:jingxian   下面小编就为大家带来一篇JavaScript基础进阶之数组方法总结(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

数组常用方法总结:

下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。

1个连接数组的方法:concat()

2个数组转换为字符串的方法:join()、toString()

6个增删数组元素的方法:pop()、push()、shift()、unshift()、slice()、splice()

2个数组排序方法:reverse()、sort()

连接数组的方法:

1、concat()

作用:连接两个数组,合并为一个新数组。

用法:arr1.concat(arr2,arr2...)

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))
 /script 

输出:

数组转换为字符串的方法:

1、join()

作用:用于把数组中的所有元素放入一个字符串。并通过指定的分隔符进行分隔。

用法:arrayObject.join(separator)

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join("."))
 /script 

输出:

注意:返回值为一个字符串。如果没有分隔符,默认以逗号分隔。

2、toString()

作用:把数组转换为字符串,并返回结果。

用法:arrayObject.toString()

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
document.write(arr.toString());
 /script 

输出:

返回值与没有参数的 join() 方法返回的字符串相同。数组中的元素之间用逗号分隔。

增删数组元素的方法:

1、pop()

作用:用于删除并返回数组的最后一个元素。

用法:arrayObject.pop()

pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write(" br / ")
document.write(arr.pop())
document.write(" br / ")
document.write(arr)
 /script 

输出:

George,John,Thomas
Thomas
George,John

2、push()

作用:可向数组的末尾添加一个或多个元素,并返回新的长度。

用法:arrayObject.push(newelement1,newelement2,....,newelementX)

它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + " br / ")
document.write(arr.push("James") + " br / ")
document.write(arr)
 /script 

输出:

George,John,Thomas
George,John,Thomas,James

3、shift()

作用:用于把数组的第一个元素从其中删除,并返回第一个元素的值。

用法:arrayObject.shift()

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

示例:

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + " br / ")
document.write(arr.shift() + " br / ")
document.write(arr)
 /script 

输出:

George,John,Thomas
George
John,Thomas

4,unshift()

作用:可向数组的开头添加一个或更多元素,并返回新的长度。

用法:arrayObject.unshift(newelement1,newelement2,....,newelementX)

unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。

请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。unshift() Explorer 中正确地工作!

示例:

 script type="text/javascript" 
var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + " br / ")
document.write(arr.unshift("William") + " br / ")
document.write(arr)
 /script 

输出:

George,John,Thomas
e,John,Thomas

5,slice()

作用:可从已有的数组中返回选定的元素。

用法:arrayObject.slice(start,end)


必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。


可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。


返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

 script type="text/javascript" 
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + " br / ")
document.write(arr.slice(1) + " br / ")
document.write(arr)
 /script 

输出:

George,John,Thomas
John,Thomas
George,John,Thomas

6,splice()

作用:向/从数组中添加/删除项目,然后返回被删除的项目。

用法:arrayObject.splice(index,howmany,item1,.....,itemX)


用法:arrayObject.sort(sortby)

Sortby:可选,按规定是顺序排序。必须是函数。

相对于其他方法来说复杂了一点。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

 script type="text/javascript" 
function sortNumber(a,b)
return a - b
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + " br / ")
document.write(arr.sort(sortNumber))
 /script 

输出:

10,5,40,25,1000,1
1,5,10,25,40,1000

上面这个例子是让数组元素从小到大排序,如果想实现从大到小排序,只需要将sortNumber函数中的a-b改为b-a即可。

 script type="text/javascript" 
function sortNumber(a,b)
return b - a;
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + " br / ")
document.write(arr.sort(sortNumber))
 /script 

输出:

10,5,40,25,1000,1
1000,40,25,10,5,1

补充:

数组对象的属性:


length 属性可设置或返回数组中元素的数目。数组的 length 属性总是比数组中定义的最后一个元素的下标大 1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。

获取数组的长度:arrayObject.length

以上这篇JavaScript基础进阶之数组方法总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


  • 鱼泡泡:在互连网络游戏

    鱼泡泡,是一款在网上线下推广营销推广结合为一体(O2O)的移动互联网网网社交媒体新闻媒体应用,颠复了移动互联网网网综合服务平台单一的在网上沟通交流沟通交流薄弱点,顾客依据

  • 【嘿嘿哈】新浪微博上一

    模拟题目:【哈哈哈哈】新浪网新浪微博上一款怪异手机上手机游戏爆红,毫无疑问担心在深夜打开!我认为了20遍,笑到偏瘫…… 最近,在网络上一开始流行一款十分搞怪 的视频语音

  • 活跃性氛围零食和手机游

    大家有时候候欢聚一起,十分是过年状况下,全是常备零食,大多数数数人觉得零食就是用以打发时间,乏味解闷吃的,具体上零食还可以和手机上手机游戏结合一起,适合数量多时玩

  • “独特的岁月 不一样的

    模拟题目:“与众不同的时光 不一样的等候”——南环少年儿童园儿童文化教育宣传策划方案策划月主题风格主题活动(小班亲子游游手机上手机游戏) 五月22日至6月22日是 全国性性

  • 著名的大中型主题活动C

    原题目:著名的大中型主题活动ChinaJoy在今年变为仅有”长相“主题活动当场? 就在前几日,China joy上海市区进行了,展会制造行业也渐渐地修复活力 主题活动名字:第十八届ChinaJoy