时间:2016-02-17 22:07 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【javascript学习笔记(五) Array 数组类型介绍】，下面是详细的讲解！
javascript学习笔记(五) Array 数组类型介绍
数组的创建
第一种：
代码如下:
var colors=new Array();
var colors=new Array(20);//创建包含20项的数组
var colors=new Array("Greg");//创建包含1项，即字符串"Greg"的数组
var colors=new Array("red","blue","green"); //创建包含3项
第二种：
var colors=new Array();
var colors=new Array(20);//创建包含20项的数组
var colors=new Array("Greg");//创建包含1项，即字符串"Greg"的数组
var colors=new Array("red","blue","green"); //创建包含3项
第二种：
代码如下:
var colors=["red","blue","green"];
var colors=[];//创建一个空数组
注意：数组的索引是从0开始的
1. length属性
length属性中保存数组的项数，如：
var colors=["red","blue","green"];
var colors=[];//创建一个空数组
注意：数组的索引是从0开始的
1. length属性
length属性中保存数组的项数，如：
代码如下:
var colors=["red","blue","green"];
alert(colors.length); //3
length属性不是只读的，可以利用length属性在数组的末尾移除项，或者添加新的项，如：
var colors=["red","blue","green"];
alert(colors.length); //3
length属性不是只读的，可以利用length属性在数组的末尾移除项，或者添加新的项，如：
代码如下:
var colors=["red","blue","green"];
colors.length=2;
alert(colors); //red,blue
colors[colors.length]="black";
alert(colors); //red,blue,black
2.join()方法，连接数组中的项
var colors=["red","blue","green"];
colors.length=2;
alert(colors); //red,blue
colors[colors.length]="black";
alert(colors); //red,blue,black
2.join()方法，连接数组中的项
代码如下:
var colors=["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green
3.数组的栈方法：push()和pop()
push()方法 可以接受任意数量的参数把它们逐个添加的数组的末尾，并返回修改后数组的长度
pop()方法 从数组末尾移除最后一项，减少数组的length值，返回移除的项
var colors=["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors.join("||")); //red||blue||green
3.数组的栈方法：push()和pop()
push()方法 可以接受任意数量的参数把它们逐个添加的数组的末尾，并返回修改后数组的长度
pop()方法 从数组末尾移除最后一项，减少数组的length值，返回移除的项
代码如下:
var colors=new Arrary(); //创建一个数组
var count=colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count=colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item=colors.pop(); //移除最后一项并返回该值
alert(item); //"black"
alert(count); //2
4.数组的队列方法：push()和shift()、unshift()
push()方法同上
shift()方法 移除数组中的第一项并返回该项，数组长度减1
unshift()方法 在数组前端添加任意项，并返回新数组的长度
var colors=new Arrary(); //创建一个数组
var count=colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count=colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item=colors.pop(); //移除最后一项并返回该值
alert(item); //"black"
alert(count); //2
4.数组的队列方法：push()和shift()、unshift()
push()方法同上
shift()方法 移除数组中的第一项并返回该项，数组长度减1
unshift()方法 在数组前端添加任意项，并返回新数组的长度
代码如下:
var colors=new Arrary(); //创建一个数组
var count=colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count=colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item=colors.shift(); //移除第一项并返回该值
alert(item); //"red"
alert(colors); //green,black
count=colors.unshift("blue"); //推入一项到数组前端
alert(count); //3
alert(colors); //blue,green,black
5.重排序方法：reverse()和sort()
reverse()方法 反转数组项的顺序
sort()方法 默认按字符串大小升序排列数组项,可以接受一个比较大小的函数作为参数
var colors=new Arrary(); //创建一个数组
var count=colors.push("red","green"); //推入两项到数组末尾
alert(count); //2
count=colors.push("black"); //推入一项到数组末尾
alert(count); //3
var item=colors.shift(); //移除第一项并返回该值
alert(item); //"red"
alert(colors); //green,black
count=colors.unshift("blue"); //推入一项到数组前端
alert(count); //3
alert(colors); //blue,green,black
5.重排序方法：reverse()和sort()
reverse()方法 反转数组项的顺序
sort()方法 默认按字符串大小升序排列数组项,可以接受一个比较大小的函数作为参数
代码如下:
var values=[1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1
var values=[1,2,3,4,5];
values.reverse();
alert(values); //5,4,3,2,1
代码如下:
//升序排序函数
function compare(value1,value2) {
if (value1 < value2) {
return -1; //降序改为1
} else if (value1 > value2) {
return 1; //降序改为-1
} else {
return 0;
}
}
//升序排序函数
function compare(value1,value2) {
if (value1 < value2) {
return -1; //降序改为1
} else if (value1 > value2) {
return 1; //降序改为-1
} else {
return 0;
}
}
代码如下:
//数组升序排列
var values=[0,1,5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20
//数组升序排列
var values=[0,1,5,15,20,10];
values.sort(compare);
alert(values);//0,1,5,10,15,20
代码如下:
//对于数值型可以用这个函数,升序
function compare(value1,value2) {
return value2 - value1;
}
6.数组的一些方法：concat()方法、slice()方法和splice()方法
concat()方法 将参数添加到原数组末尾，返回新的数组，原数组不变
slice()方法 返回数组中的项，一个参数时返回指定位置到数组末尾所有的项，两个参数时返回起始位置和结束位置之间的项(不包括结束位置)，原数组不变
splice()方法 向数组中插入，删除，或替换数组中的项，返回删除的项(没有删除时返回空数组)，原数组改变
//对于数值型可以用这个函数,升序
function compare(value1,value2) {
return value2 - value1;
}
6.数组的一些方法：concat()方法、slice()方法和splice()方法
concat()方法 将参数添加到原数组末尾，返回新的数组，原数组不变
slice()方法 返回数组中的项，一个参数时返回指定位置到数组末尾所有的项，两个参数时返回起始位置和结束位置之间的项(不包括结束位置)，原数组不变
splice()方法 向数组中插入，删除，或替换数组中的项，返回删除的项(没有删除时返回空数组)，原数组改变
代码如下:
//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
//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()方法
var colors=["red","green","blue","yellow","black"];
var colors2=colors.slice(1); //一个参数时返回指定位置到数组末尾所有的项
var colors3=colors.slice(1,4); //两个参数时返回起始位置和结束位置之间的项(不包括结束位置)
alert(colors2); //green,blue,yellow,black
alert(colors3); //green,,blue,yellow
//slice()方法
var colors=["red","green","blue","yellow","black"];
var colors2=colors.slice(1); //一个参数时返回指定位置到数组末尾所有的项
var colors3=colors.slice(1,4); //两个参数时返回起始位置和结束位置之间的项(不包括结束位置)
alert(colors2); //green,blue,yellow,black
alert(colors3); //green,,blue,yellow
代码如下:
//splice()方法
//插入项，插入时指定3个参数：起始位置、0(要删除的项)、要插入的项
var colors=["red","green","blue"];
var inserted=colors.splice(1,0,"yellow","orange"); //从位置1开始插入两项
alert(colors); //red,yellow,orange,green,blue
alert(inserted); //空数组
//替换项，删除时指定3个参数：起始位置、要删除的项、要插入的任意项
var colors=["red","green","blue"];
var replaced=colors.splice(1,1,"black","brown"); //删除一项，插入两项
alert(colors); //red,black,browm,blue
alert(replaced); //green
//splice()方法
//插入项，插入时指定3个参数：起始位置、0(要删除的项)、要插入的项
var colors=["red","green","blue"];
var inserted=colors.splice(1,0,"yellow","orange"); //从位置1开始插入两项
alert(colors); //red,yellow,orange,green,blue
alert(inserted); //空数组
//替换项，删除时指定3个参数：起始位置、要删除的项、要插入的任意项
var colors=["red","green","blue"];
var replaced=colors.splice(1,1,"black","brown"); //删除一项，插入两项
alert(colors); //red,black,browm,blue
alert(replaced); //green
关于javascript学习笔记(五) Array 数组类型介绍的用户互动如下：
相关问题：javascript 数组中每个元素的类型可不可以不同？
答：在JavaScript中，数组中的每个元素的类型是可以不同的； 这是因为JavaScript的弱数据类型决定数组中元素类型可以不同的； 因为在JavaScript中，定义变量的时候不指定其数据类型，仅仅用一个var来表示当前对象是一个变量，至于其是什么类型的不指... >>详细
相关问题：在JavaScript中，如何定义一维数组Array？
答：javascript 定义一维数组有两种方式。 实例后赋值。 var arr = new Array();arr[0] = 'one';arr[1] = 'two';2.实例时赋值。 var arr = new Array('one','two'); >>详细
相关问题：怎么在javascript里定义jsonArray类型的数据
答：1、js中jsonArray对应的就是数组 var ja = ['a','b','c']; 2、jsonObject对应的就是对象 var jo = {"key1":"2","key2":"3"}; 3、两者可以组合 var jao = [{"k":"a","k2":"b"},{"r":"2"}]; >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Asp】jQuery Ajax方法调用 Asp.Net WebService
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-