JS Array对象入门分析


Posted in Javascript onOctober 30, 2008

不过在学脚本prototype.js的过程中发现有些方法我们很少用到,但是有些方法好像很经典,脚本库在不断的加大,眼前一片...继续我们JS入门,今天学习一下Array数组。
首先我们来看看它的定义:

var arrayObj = new Array() 
var arrayObj = new Array([size]) 
var arrayObj = new Array([element0[, element1[, [, elementN]]]])

其中:arrayObj是赋值为 Array 对象的变量名。
size由于数组的下标是从零开始,创建的元素的下标将从零到 size -1。
element0,...,elementN这将创建具有 n + 1 个元素的长度为 n + 1 的数组。使用该语法时必须有一个以上元素。
如果只向 Array 的构造函数传递了一个参数,而该参数是数字,则它必须是无符号 32 位整数(大约 40 亿)。该值成为数组的大小。如果该值为数值,但小于 0 或不为整数,发生运行时错误。
如果传递给 Array 构造函数的是单个值并且不是数值,设置 length 属性为 1,而且唯一的元素值成为单个的传入的参数。
由于JS数组为解析数组,也就是尽管可以分配多个元素给一个数组,但实际上只有包含数据的元素才存在。这减少了数组使用的内存数量。
Array对象具有三个内置属性:constructor,length,prototype我会在特地写一篇关于constructor, prototype,arguments等对象属性的文章,在这里就不在多说了。下面我们主要看看Array内置的一些方法,这个对我们很重要,因为会经常用得这个东东。
concat方法:连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象,不论新数组和源数组中哪一个有改变,都将引起另一个的改变; (值类型)对于连接到新数组的数值或字符串,只复制其值,一个数组中值有改变并不影响另一个数组中的值。例子:
1 function ConcatArrayDemo(){ 
2 var a, b, c, d; 
3 a = new Array(1,2,3); 
4 b = "JScript"; 
5 c = new Array(42, "VBScript); 
6 d = a.concat(b, c); 
7 // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"] 
8 return(d); 
9 } 
10

join方法:将数组中的项,按特定的分隔符转化为字符串并返回,默认分隔符为逗号,例子: 
1 function JoinDemo(){ 
2 var a, b; 
3 a = new Array(0,1,2,3,4); 
4 b = a.join("-"); 
5 //返回:"0-1-2-3-4" 
6 return(b); 
7 }

pop方法:移除数组中的最后一个元素,并返回该元素。如果该数组为空则返回undefined。
push方法:将以新元素出现的顺序添加这些元素,如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法。
reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。
1 function ReverseDemo(){ 
2 var a, l; // 声明变量。 
3 a = new Array(0,1,2,3,4); // 创建数组并赋值。 
4 l = a.reverse(); // 反转数组的内容。 
5 //返回:l=[4,3,2,1,0] 
6 return(l); // 返回结果数组。 
7 }

shift 方法可移除数组中的第一个元素并返回该元素。
slice 方法返回一个 Array 对象,其中包含了 arrayObj 的指定部分。slice 方法一直复制到 end 所指定的元素,但是不包括该元素。如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。如果 end 出现在 start 之前,不复制任何元素到新数组中。例子:
//除了最后一个元素之外,myArray 中所有的元素都被复制到 newArray 中:
newArray = myArray.slice(0, -1)
sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array 对象。如果为 sortfunction 参数提供了一个函数,那么该函数必须返回下列值之一:
· 负值,如果所传递的第一个参数比第二个参数小。
· 零,如果两个参数相等。
· 正值,如果第一个参数比第二个参数大。 
1 function SortDemo(){ 
2 var a, l; // 声明变量。 
3 a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); 
4 l = a.sort(); // 排序数组。 
5 return(l); // 返回排序的数组。 
6 }

splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。 格式如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
toLocaleString 方法 将在Date对象中讲解,一般这个方法只是返回给用户,不作为代码中计算。
unshift 方法将这些元素插入到一个数组的开始部分,所以这些元素将以参数序列中的次序出现在数组中。格式如下:
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
valueOf方法&toString() 数组的元素被转换为字符串,这些字符串由逗号分隔,连接在一起。其操作与 Array.toString 和 Array.join 方法相同。
Javascript 相关文章推荐
javascript模拟select,jselect的方法实现
Nov 08 Javascript
jquery模拟SELECT下拉框取值效果
Oct 23 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
RequireJS入门一之实现第一个例子
Sep 30 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
图解js图片轮播效果
Dec 20 Javascript
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
如何理解Vue的render函数的具体用法
Aug 30 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
Vue 实现从小到大的横向滑动效果详解
Oct 16 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 #Javascript
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 #Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 #Javascript
JS写的数字拼图小游戏代码[学习参考]
Oct 29 #Javascript
JavaScript函数、方法、对象代码
Oct 29 #Javascript
js身份证验证超强脚本
Oct 26 #Javascript
javascript引导程序
Oct 26 #Javascript
You might like
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
example1.php
2006/10/09 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
php银联网页支付实现方法
2015/03/04 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
javascript setTimeout和setInterval 的区别
2009/12/08 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
2012/12/04 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
jQuery+CSS实现简单切换菜单示例
2016/07/27 Javascript
详解vue.js数据传递以及数据分发slot
2018/01/20 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法
2017/01/12 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
iKRIX意大利网上商店:男女豪华服装和配件
2019/10/09 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
高三历史教学反思
2014/01/09 职场文书
聘任书的写作格式及范文
2014/03/29 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
春节晚会开场白
2015/05/29 职场文书
nginx rewrite功能使用场景分析
2022/05/30 Servers
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers