会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | QQ在线咨询
扫一扫添加微信咨询
咨询电话:199-4385-7008
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 网站前端 >> javascript脚本 >> js脚本教程85:Array数组对象常用方法

网站前端

讲师:赵老师[简介] 已录课程:120讲 【本课程讨论区】

js脚本教程85:Array数组对象常用方法

在线QQ:3316841367 客服电话:199-4385-7008

您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!

【注册会员】 | 【如何开通VIP会员】 | 【学习点卡充值】

js脚本教程85:Array数组对象常用方法

6、Array数组常用方法
A、concat()
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
语法:arrayObject.concat(arrayX,arrayX,......,arrayX)
实例: 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)) ;

B、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>
输出:George.John.Thomas
如果不指定分隔符,将使用,逗号分隔。

C、pop()
删除并返回数组的最后一个元素。
pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
实例: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)

D、push()
向数组的末尾添加一个或更多元素,并返回新的长度。
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 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>

E、reverse()
颠倒数组中元素的顺序。
注释:该方法会改变原来的数组,而不会创建新的数组。

<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.reverse())
< /script>

F、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>

G、slice()从某个已有的数组返回选定的元素
语法:arrayObject.slice(start,end)
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定,那么从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
实例:
<script type="text/javascript">
var arr = new Array( "George“,"John“,"Thomas“,"James“,"Adrew“,"Martin“) document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)
< /script>

H、sort()对数组的元素进行排序
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
document.write(arr.sort()) //默认按字母排序
document.write(arr.sort(sortNumber)) //按排序函数
function sortNumber(a,b) { return a - b } //排序函数

I、splice()删除元素,并向数组添加新元素。
语法:arrayObject.splice(index,howmany,item1,.....,itemX)
index必需整数。规定添加/删除项目的位置,使用负数可从结尾处规定位置。
howmany必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, ..., itemX可选。向数组添加的新项目。

splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
实例:
var arr = new Array( "George“,"John“,"Thomas“,"James“,"Adrew“,"Martin“); document.write(arr + "<br />")
arr.splice(2,0,"William")
document.write(arr + “<br />”)

J、toSource()返回该对象的源代码。
只有 Gecko 核心的浏览器(比如 Firefox)支持该方法,也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。
K、toString()把数组转换为字符串,并返回结果。
当数组用于字符串环境时,JavaScript 会调用这一方法将数组自动转换成字符串。但是在某些情况下,需要显式地调用该方法。
L、toLocaleString()把数组转换为本地数组,并返回结果。
首先调用每个数组元素的 toLocaleString() 方法,然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。
M、unshift()向数组的开头添加一个或更多元素,并返回新的长度。
unshift() 方法不创建新的创建,而是直接修改原有的数组。该方法会改变数组的长度。
N、valueOf()返回数组对象的原始值
该方法通常由 JS 在后台自动调用,并不显式地出现在代码中。

上一讲:js脚本教程84:数组应用实例之图片切换效果2   |   下一讲:js脚本教程86:js全局对象之URL加密解密

如果您对本课程有什么评价或建议,欢迎分享!
* 标 题: 发布人:
* 咨询内容:
是否同步: 同步到交流中心

客服热线(8:00-23:00)

133 4385 7008

在线QQ客服:3316841367 张老师
微信账号:laozhangsoft123

微信公众号