学习笔记——JavaScript中的Array对象
来源:互联网 发布:js 仪表盘 编辑:程序博客网 时间:2024/05/19 18:12
length属性:
作用:
返回数组中元素的个数。
实例:
concat()方法:
作用:
将两个独立的数组连接在一起
参数:
为一个独立的参数
返回值:
连接后的新的数组
实例:
slice()方法:
作用:
复制数组的一部分
参数:
欲复制数组的第一个元素的索引值;
所复制子数组末尾元素的索引值【可选】
返回值:
复制出的新的数组
实例:
join()方法:
作用:
将数组中所有元素连接起来
参数:
在数组元素之间插入的字符串
返回值:
连接后的字符串
实例:
sort()方法:
作用:
如果数组包含类似的数据,例如姓名或年龄,就可以按照字母或者数字的顺序排列他们
最后数组中的元素将按照升序排列
实例:
reverse()方法:
作用:
反转数组中元素的序列。即靠前元素放到后面,靠后元素移动到前面
实例:
Array的新方法
【注意】下面的7个方法都不能用于IE,可用于FireFox、Safari、Opera、Chrome
indexOf()和lastIndexOf()方法:
作用:
类似于String对象中的属性,它们分别返回某元素在数组中的第一个出现位置和最后一个出现的位置
参数:
要在Array中查找的数组元素
返回值:
该元素在数组中的索引值
实例:
接下来的5个方法都称为迭代方法,因为它们会迭代(循环)数组。另外,这些方法在迭代数组时,会在每个
元素上执行用户定义的函数。这些方法使用的函数必须遵循一个规则:该函数必须接受三个参数:第一个是
元素的值,第二个是元素的索引,第三个是数组的本身。
every()、some()和filter()方法:
作用:
它们用来测试每个元素。
every()用来测试数组中所有元素是否通过了测试
some()用材测试数组元素中某些元素是否通过了测试
filter()对数组中每个元素执行某函数,若返回值是true,则把该元素添加到filter()返回的另一个数组中
实例:
forEach()、map()方法:
作用:
这两个函数不用函数测试数组中的每个元素,而是以某种方式使用数组中的元素执行某类操作。
实例:
作用:
返回数组中元素的个数。
实例:
var name=new Array(); name[0]="hello"; name[1]="world"; name[11]="Javascript"; var nameLen=name.length;//此时值为12
concat()方法:
作用:
将两个独立的数组连接在一起
参数:
为一个独立的参数
返回值:
连接后的新的数组
实例:
var name=new Array("Paul","Nick"); var age=new Array(20,30); var concatArray=name.concat(age);//新数组为:Paul,Nick,20,30
slice()方法:
作用:
复制数组的一部分
参数:
欲复制数组的第一个元素的索引值;
所复制子数组末尾元素的索引值【可选】
返回值:
复制出的新的数组
实例:
var name=new Array("Paul","Sarah","Jermey","Adam","Bob"); var sliceArray=name.slice(1,3);//新数组元素:Sarah,Jermey,Adam
join()方法:
作用:
将数组中所有元素连接起来
参数:
在数组元素之间插入的字符串
返回值:
连接后的字符串
实例:
var name=new Array("Paul","Sarah","Jermey","Adam","Bob"); var joinArray=name.join(",");//返回值为:"Paul,Sarah,Jermey,Adam,Bob"
sort()方法:
作用:
如果数组包含类似的数据,例如姓名或年龄,就可以按照字母或者数字的顺序排列他们
最后数组中的元素将按照升序排列
实例:
var name=new Array("Paul","Sarah","Jermey","Adam","Bob"); name.sort();//此后,name中的元素序列为:Adam,Bob,Jermey,Paul,Sarah
reverse()方法:
作用:
反转数组中元素的序列。即靠前元素放到后面,靠后元素移动到前面
实例:
var age=new Array(12,24,34,40); age.reverse();//此时age中序列为:40,34,24,12
Array的新方法
【注意】下面的7个方法都不能用于IE,可用于FireFox、Safari、Opera、Chrome
indexOf()和lastIndexOf()方法:
作用:
类似于String对象中的属性,它们分别返回某元素在数组中的第一个出现位置和最后一个出现的位置
参数:
要在Array中查找的数组元素
返回值:
该元素在数组中的索引值
实例:
var color=new Array("red","yellow","red","green","red"); var firstPosition=color.indexOf("red");//此时值为:0 var lastPosition=color.lastIndexOf("red");//此时值为:4
接下来的5个方法都称为迭代方法,因为它们会迭代(循环)数组。另外,这些方法在迭代数组时,会在每个
元素上执行用户定义的函数。这些方法使用的函数必须遵循一个规则:该函数必须接受三个参数:第一个是
元素的值,第二个是元素的索引,第三个是数组的本身。
every()、some()和filter()方法:
作用:
它们用来测试每个元素。
every()用来测试数组中所有元素是否通过了测试
some()用材测试数组元素中某些元素是否通过了测试
filter()对数组中每个元素执行某函数,若返回值是true,则把该元素添加到filter()返回的另一个数组中
实例:
var num=new Array(1,2,3,4,5); function isLessThan3(value,index,array) { var returnValue=false; if(value<3)returnValue=true; return returnValue; } var EVERY=num.every(isLessThan3);//BOOL值,为false,因为有3、4、5不小于3 var SOME=num.some(isLessThan3);//BOOL值,为true,因为有1、2是小于3的 var FILTER=num.filter(isLessThan3);//是一个数组,序列为:1,2
forEach()、map()方法:
作用:
这两个函数不用函数测试数组中的每个元素,而是以某种方式使用数组中的元素执行某类操作。
实例:
var num=new Array(1,2,3,4,5); function doubleAndAlert1(value,index,array) { var result=value*2; alert(result); } num.forEach(doubleAndAlert1); //forEach的函数中不能有返回值,可以有操作。这里就是每次弹出一个对话框,对话框中显示 //两倍的数字。 function doubleAndAlert2(value,index,array) { var result=value*2; return result; } var returnValue=num.map(doubleAndAlert2); //与上面对比知,map中的函数支持返回值,而且该返回值直接被返回到map返回的数组中 //此处,returnValue数组中的序列为:2,4,6,8,10
- 学习笔记——JavaScript中的Array对象
- Javascript中的Array对象
- JavaScript中的Array对象
- javascript中的Array对象
- JavaScript中的Array对象
- JavaScript中的对象--Array
- JavaScript对象——Array
- JavaScript对象——Array
- W3Cschool——学习二:JavaScript对象,String,Date,Array
- javascript中的数组对象(Array)
- Javascript学习笔记1 神奇的Array对象
- JavaScript学习笔记——引用类型:Array类型
- JavaScript基础学习笔记(五)——Array类型
- 【C++】学习笔记三十六——函数和array对象
- 2.javascript中的事件对象【学习笔记】
- JavaScript学习笔记——对象基础
- JavaScript学习笔记——对象
- javascript学习笔记——this对象
- Android常见错误解决
- c++多线程编程
- DB9接口说明
- hdu 1159 Common Subsequence
- Flex 与java通信的三种方式
- 学习笔记——JavaScript中的Array对象
- Android学习笔记---29_构建soap协议内容,发送xml数据和调用webservice,手机号码归属地查询器
- 对HashMap的两种遍历方法
- jQuery Frontier Calendar简介
- 通过service和handler实现Notification在后台打开activity
- XMOVE3.0手持终端——软件介绍(二):在2KB内存的单片机上实现的彩屏GUI控件库
- JAVA开源项目
- 【VB/.NET】Converting VB6 to VB.NET 【Part I】【之二】
- Inside the Linux Packet Filter