【转】JavaScript之Array对象总结
2013-11-05 11:02
453 查看
---恢复内容开始---
JavaScript中的数组与其他多数语言中的数组有着相当大的区别。虽然JavaScript数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,JavaScript数组的每一项可以保持任何类型的数据。也就是说,可以用数组的第一个位置来保存字符串,用第二个位置来保存数值,用第三个位置来保存对象。而且,JavaScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。
创建数组的基本方式有两种。第一种是使用Array构造函数。
创建数组的第二种基本方式是使用数组字面量表示法。
在读取和设置数组的值时,要使用方括号并提供相应值的基于0的数字索引。
length属性
数组的长度保存在其length属性中,这个属性始终会返回0或更大的值。
数组的length属性很有特点——它不是只读的。因此,通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项。
这个例子中的数组colors一开始有3个值。将其length属性设置为2会移除最后一项,结果再访问colors[2]就会显示undefined了。
利用length属性也可以方便地在数组末尾添加新项。
由于数组最后一项的索引始终是length-1,因此下一个新项的位置就是length。
转换方法
所有对象都具有toLocaleString()、toString()和valueOf()方法。其中,调用数组的toString()和valueOf()方法会返回相同的值,即由数组中每个值的字符串形成拼接而成的一个以逗号分隔的字符串。实际上,为了创建这个字符串会调用数组每一项的toString()方法。
我们首先显式地调用了toString()和valueOf()方法,以便返回数组的字符串表示,每个值的字符串表示拼接成了一个字符串,中间以逗号分隔。最后一行代码直接将数组传递给了alert()。由于alert()要接收字符串参数,所有它会在后台调用toString()方法,由此会得到与直接调用toString()方法相同的结果。
另外,toLocaleString()方法经常也会返回与toString()和valueOf()方法相同的值,但也不总是如此。当调用数组的toLocaleString()方法时,它也会创建一个数组值的以逗号分隔的字符串。而与前两个方法唯一的不同之处在于,这一次为了取得每一项的值,调用的是每一项的toLocaleString()方法,而不是toString()方法。例如:
View Code
对于数值类型或者其valueOf()方法会返回数值类型的对象类型,可以使用一个更简单的比较函数。这个函数主要用第二个值减第一个值即可。
操作方法
JavaScript对操作数组提供了很多方法。其中,concat()方法可以基于当前数组中的所有项创建一个新数组,如果传递给concat()方法的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾。
slice()方法能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之前的项——但不包括结束位置的项。
下面我们来介绍splice()方法,这个方法恐怕要算是最强大的数组方法了,splice()主要用途是向数组的中部插入项,但使用这种方法的方式则有如下3种。
删除——可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。例如,splice(0,2)会删除数组中的前两项。
插入——可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)、要插入的项。如果要插入多个项,可以再传入第四、第五,以致任意多个项。例如,splice(2,0,'red','green')会从当前数组的位置2开始插入字符串'red'和'green'。
替换——可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice(2,1,'red','green')会删除当前数组位置2的项,然后再从位置2开始插入字符串'red'和'green'。
摘自:/article/1254300.html其中一部分
JavaScript中的数组与其他多数语言中的数组有着相当大的区别。虽然JavaScript数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,JavaScript数组的每一项可以保持任何类型的数据。也就是说,可以用数组的第一个位置来保存字符串,用第二个位置来保存数值,用第三个位置来保存对象。而且,JavaScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据。
创建数组的基本方式有两种。第一种是使用Array构造函数。
var colors1 = new Array(); var colors2 = new Array(20); var colors3 = new Array('red','blue','yellow');
创建数组的第二种基本方式是使用数组字面量表示法。
var colors1 = []; var colors2 = ['red','blue','yellow'];
在读取和设置数组的值时,要使用方括号并提供相应值的基于0的数字索引。
var colors = ['red','blue','yellow']; //定义一个字符串数组 alert(colors[0]); //显示第一项 colors[2] = 'green'; //修改第三项 colors[3] = 'black'; //新增第四项
length属性
数组的长度保存在其length属性中,这个属性始终会返回0或更大的值。
var colors = ['red','blue','yellow']; var names = []; alert(colors.length); //3 alert(names.length); //0
数组的length属性很有特点——它不是只读的。因此,通过设置这个属性,可以从数组的末尾移除项或向数组中添加新项。
var colors = ['red','blue','yellow']; colors.length = 2; alert(colors[2]); //undefined
这个例子中的数组colors一开始有3个值。将其length属性设置为2会移除最后一项,结果再访问colors[2]就会显示undefined了。
利用length属性也可以方便地在数组末尾添加新项。
var colors = ['red','blue','yellow']; colors[colors.length] = 'green'; //在位置3添加一种颜色 colors[colors.length] = 'black'; //再在位置4添加一种颜色
由于数组最后一项的索引始终是length-1,因此下一个新项的位置就是length。
转换方法
所有对象都具有toLocaleString()、toString()和valueOf()方法。其中,调用数组的toString()和valueOf()方法会返回相同的值,即由数组中每个值的字符串形成拼接而成的一个以逗号分隔的字符串。实际上,为了创建这个字符串会调用数组每一项的toString()方法。
var colors = ['red','blue','yellow']; alert(colors.toString()); //red,blue,yellow alert(colors.valueOf()); //red,blue,yellow alert(colors); //red,blue,yellow
我们首先显式地调用了toString()和valueOf()方法,以便返回数组的字符串表示,每个值的字符串表示拼接成了一个字符串,中间以逗号分隔。最后一行代码直接将数组传递给了alert()。由于alert()要接收字符串参数,所有它会在后台调用toString()方法,由此会得到与直接调用toString()方法相同的结果。
另外,toLocaleString()方法经常也会返回与toString()和valueOf()方法相同的值,但也不总是如此。当调用数组的toLocaleString()方法时,它也会创建一个数组值的以逗号分隔的字符串。而与前两个方法唯一的不同之处在于,这一次为了取得每一项的值,调用的是每一项的toLocaleString()方法,而不是toString()方法。例如:
function compare(value1,value2){ if(value1 < value2){ return 1; } else if(value1 > value2){ return -1; } else{ return 0; } } var values = [0,1,5,10,15]; values.sort(compare); alert(values); //15,10,5,1,0
View Code
对于数值类型或者其valueOf()方法会返回数值类型的对象类型,可以使用一个更简单的比较函数。这个函数主要用第二个值减第一个值即可。
function compare(value1,value2){ return value2 - value1; }
操作方法
JavaScript对操作数组提供了很多方法。其中,concat()方法可以基于当前数组中的所有项创建一个新数组,如果传递给concat()方法的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾。
var colors = ['red','green','blue']; var colors2 = colors.concat('yellow',['black' , 'brown']); alert(colors); //red,green,blue alert(colors2); //red,green,blue,yellow,black,brown
slice()方法能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之前的项——但不包括结束位置的项。
var colors = ['red','green','blue','yellow','black','brown']; var colors2 = colors.slice(1); var colors3 = colors.slice(1,4); alert(colors2); //green,blue,yellow,black,brown alert(colors3); //green,blue,yellow
下面我们来介绍splice()方法,这个方法恐怕要算是最强大的数组方法了,splice()主要用途是向数组的中部插入项,但使用这种方法的方式则有如下3种。
删除——可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。例如,splice(0,2)会删除数组中的前两项。
插入——可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)、要插入的项。如果要插入多个项,可以再传入第四、第五,以致任意多个项。例如,splice(2,0,'red','green')会从当前数组的位置2开始插入字符串'red'和'green'。
替换——可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice(2,1,'red','green')会删除当前数组位置2的项,然后再从位置2开始插入字符串'red'和'green'。
var colors = ['red','green','blue']; var removed = colors.splice(0,1); //删除第一项 alert(colors); //green,blue alert(removed); //red removed = colors.splice(1,0,'yellow','black'); //从位置1开始插入两项 alert(colors); //green,yellow,black,blue alert(removed); //返回一个空数组 removed = colors.splice(1,1,'red','brown'); //插入两项,删除一项 alert(colors); //green,red,brown,black,blue alert(removed); //yellow
摘自:/article/1254300.html其中一部分
相关文章推荐
- JavaScript数组Array对象增加和删除元素方法总结
- JavaScript中Array对象用法实例总结
- JavaScript第四章知识点总结——JS内置对象 Array Date Math
- javascript中数组(Array)对象和字符串(String)对象的常用方法总结
- JavaScript Array对象方法整理总结
- JavaScript数组Array对象增加和删除元素方法总结
- javascript中数组(Array)对象和字符串(String)对象的常用方法总结
- HTML、CSS和JavaScript学习三(JavaScript之语法规则:语句、数组、函数、String\Math\Array等对象)
- JavaScript Array 对象参考手册
- Javascript 创建对象总结
- JavaScript中Array 对象相关的几个方法
- JavaScript的String字符串对象常用操作总结
- javascript 对象初探 (四)--- 内建对象之旅之Array
- javascript 学习总结(六)RegExp对象
- JavaScript对象知识点总结
- Ajax实战总结——用原生JavaScript代码封装自己的Ajax核心对象
- javascript中数组Array对象调用不同的方法可以实现几种数据结构
- JavaScript关于对象的总结
- JavaScript概念总结:作用域、闭包、对象与原型链
- JavaScript Number 对象 Javascript Array对象 Location 对象方法 String对象方法