js对象之JS入门之Array对象操作小结


Posted in Javascript onJanuary 09, 2011

不过在学脚本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方法:连接两个或多个数组并返回一个新的数组。值得我们注意的是(引用类型)对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象,不论新数组和源数组中哪一个有改变,都将引起另一个的改变; (值类型)对于连接到新数组的数值或字符串,只复制其值,一个数组中值有改变并不影响另一个数组中的值。例子:

function ConcatArrayDemo(){ 
var a, b, c, d; 
a = new Array(1,2,3); 
b = "JScript"; 
c = new Array(42, "VBScript); 
d = a.concat(b, c); 
// 返回数组 [1, 2, 3, "JScript", 42, "VBScript"] 
return(d); 
}

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

pop方法:移除数组中的最后一个元素,并返回该元素。如果该数组为空则返回undefined。

  push方法:将以新元素出现的顺序添加这些元素如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用concat 方法。

  reverse 方法将一个 Array 对象中的元素位置进行反转。在执行过程中,这个方法并不会创建一个新的 Array 对象。如果数组是不连续的,reverse 方法将在数组中创建元素以便填充数组中的间隔。这样所创建的全部元素的值都是 undefined。

function ReverseDemo(){ 
var a, l; // 声明变量。 
a = new Array(0,1,2,3,4); // 创建数组并赋值。 
l = a.reverse(); // 反转数组的内容。 
//返回:l=[4,3,2,1,0] 
return(l); // 返回结果数组。 
}

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 参数提供了一个函数,那么该函数必须返回下列值之一:

负值,如果所传递的第一个参数比第二个参数小。
零,如果两个参数相等。
正值,如果第一个参数比第二个参数大。

function SortDemo(){ 
var a, l; // 声明变量。 
a = new Array("X" ,"y" ,"d", "Z", "v","m","r"); 
l = a.sort(); // 排序数组。 
return(l); // 返回排序的数组。 
}

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 方法相同。 

  到这里Array对象的所有东东也就差不多了,我把他们整理出来一个是为了能够巩固我的脚本知识,再次声明很多的例子都是前人留下来的,如果对你有不舒服的感觉请见谅!

Javascript 相关文章推荐
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
jquery性能优化高级技巧
Aug 24 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
vue模块移动组件的实现示例
May 20 Javascript
理解JavaScript中的对象 推荐
Jan 09 #Javascript
最佳JS代码编写的14条技巧
Jan 09 #Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 #Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 #Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 #Javascript
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
Jan 08 #Javascript
Jquery Ajax请求代码(2)
Jan 07 #Javascript
You might like
PHP管理内存函数 memory_get_usage()使用介绍
2012/09/23 PHP
优秀js开源框架-jQuery使用手册(1)
2007/03/10 Javascript
jquery 指南/入门基础
2007/11/30 Javascript
发一个自己用JS写的实用看图工具实现代码
2008/07/26 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
使用Json比用string返回数据更友好,也更面向对象一些
2011/09/13 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
小米公司JavaScript面试题
2014/12/29 Javascript
jQuery操作表单常用控件方法小结
2015/03/23 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
2018/02/01 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
js实现无缝轮播图效果
2020/03/09 Javascript
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中Random和Math模块学习笔记
2015/05/18 Python
RC4文件加密的python实现方法
2015/06/30 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
django自带调试服务器的使用详解
2019/08/29 Python
python 多线程中join()的作用
2020/10/29 Python
纽约JewelryAffairs珠宝店:精细金银时尚首饰
2017/02/05 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
精彩的演讲稿开头
2014/05/08 职场文书
2014年六一儿童节演讲稿
2014/05/23 职场文书
党员对照检查材料
2014/09/22 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
2015年中秋寄语
2015/07/31 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers
vue自定义右键菜单之全局实现
2022/04/09 Vue.js
SQL中的连接查询详解
2022/06/21 SQL Server