javascirpt中的数组 详细介绍

创建数组

方式一:构造函数

var colors=new Array();
var colors=new Array(20);
var colors=new Array{"red","blue","green"};
//也可以省略new操作符
var colors=Array(3);
var names=Array("Greg");

方式二:字面量

var colors=["red","blue"];
var names=[];//创建空数组

数组的length属性

数组的length属性不是只读的
1 通过索引为数组赋值时,若索引值超过数组现有项数,数组的length会自动加1

var colors = ["red", "blue", "green"]; // 定义一个字符串数组
alert(colors[0]); // 显示第一项
colors[2] = "black"; // 修改第三项
colors[3] = "brown"; // 新增第四项

2 通过设置length属性,从数组末尾移除项或项数组中添加项

var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
colors.length = 4;
alert(colors[3]); //undefined

//利用 length 属性也可以方便地在数组末尾添加新项
var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
colors[colors.length] = "black"; //(在位置 3)添加一种颜色
colors[colors.length] = "brown"; //(在位置 4)再添加一种颜色

数组检测

不常用

if (Array.isArray(value)){
//对数组执行某些操作
}

数组转换

//转换方法,toString()返回一个用逗号隔开的字符串;valueOf返回的还是数组
var colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
alert(colors.toString()); // red,blue,green
alert(colors.valueOf()); // red,blue,green
alert(colors); // red,blue,green

//join接收一个参数,作为分隔符,返回用分隔符分隔的字符串
var colors = ["red", "green", "blue"];
alert(colors.join(",")); //red,green,blue
alert(colors.join("||")); //red||green||blue

栈方法

通过push()和pop()两个方法,当数组实现类似于数据结构中栈的行为(后进先出,出口和入口是同一个)
push()方法可以接收任意数量的参数,将它们添加到数组末尾,并返回修改后的数组长度
pop()方法从数组末尾移除最后一项,减少length值,返回移除的项

var colors = new Array(); // 创建一个数组
var count = colors.push("red", "green"); // 推入两项
alert(count); //2

count = colors.push("black"); // 推入另一项
alert(count); //3

var item = colors.pop(); // 取得最后一项
alert(item); //"black"
alert(colors.length); //2

队列方法

通过push()和shift()方法实现了类似数据结构 中队列的操作(先进先出,一个出口,一个入口)
push:项数组末尾添加
shift:移除数组的第一项

var colors = new Array(); //创建一个数组
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.length); //2

排序方法

数组中已经存在两个可以直接用来重排序的方法: reverse()和 sort()
reverse()方法会反转数组项的顺序

var values = [1, 2, 3, 4, 5];
values.reverse();
alert(values); //5,4,3,2,1

sort()方法按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。
sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串
即使数组中的每一项都是数值, sort()方法比较的也是字符串,如下所示:

var values = [0, 1, 5, 10, 15];
values.sort();
alert(values); //0,1,10,15,5

为此,sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。
比较函数接收两个参数:
如果第一个参数应该位于第二个之前则返回一个负数;
如果两个参数相等则返回 0;
如果第一个参数应该位于第二个之后则返回一个正数;

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); //0,1,5,10,15

操作方法

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()方法不会影响原始数组

var colors = ["red", "green", "blue", "yellow", "purple"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);
alert(colors2); //green,blue,yellow,purple
alert(colors3); //green,blue,yellow

splice()方法

删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。
例如, splice(0,2)会删除数组中的前两项。
插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)
和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如,
splice(2,0,“red”,“green”)会从当前数组的位置 2 开始插入字符串"red"和"green"。
替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起
始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,
splice (2,1,“red”,“green”)会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串
“red"和"green”。

猜你喜欢

转载自blog.csdn.net/weixin_40719943/article/details/106930557
今日推荐