web前端学习

概述

数组是一组数据的集合，是JavaScript中用来存储和操作有序数据集的数据结构，一个数组中可以包含多个元素。每个元素的类型可以是不同的，数组中元素的类型可以是数值型、字符串型、布尔型、数组型、对象型等。

1.数组声明

声明数组可以采用以下三种方式：（1）采用赋值法声明数组： var 数组变量名 = [值1,值2,…,值n]; （2）采用构造法声明数组： var 数组变量名 = new Array(); （3）直接将捕获的对象数组赋值给变量： var 数组变量名 = document.类或标签选择器方法名();

	
//①赋值法
var ar1 = ["a","b","c","d","e","f","g","h","i","j"];
console.log(ar1);
//②构造法
var ar2 = new Array();
console.log(ar2);
//③将捕获对象赋值给变量
var ar3 = document.getElementsByTagName("p");
console.log(ar3);

2.数组的引用

每个数组元素都有一个索引号（数组的下标），通过索引号可以方便地引用数组元素。数组的下标从0开始编号。例如，第一个数组元素的下标是0，第二个数组元素的下标是1，以此类推。引用数组元素的语法格式如下：数组名称[下标值]

	
var char_array = ["a","b","c","d","e","f","g","h","i","j"];
alert(char_array[2]);

3.数组的遍历

在JavaScript中，通常使用for语句遍历数组元素，语法格式如下： for(var i = 0; i < 数组名称.length; i++){ 数组名称[i]相关表达式 }

	
name_array = ['张三','李四','王五','赵六','孙七','周八','吴九'];
for(var i=0;i<name_array.length;i++)
{
	console.log("元素"+i+"的名字是"+name_array[i]);
}

4.数组添加/删除元素

数组开头添加/删除元素 unshift()：开头添加元素 shift()：删除开头元素 数组末尾添加/删除元素 push()：末尾添加元素 pop()：删除末尾元素 数组中间添加/删除元素 splice(index,howmany,item1,…itemx); index - 必须，整数，规定添加或者删除的位置，使用负数，从数组尾部规定位置。 howmany - 必须，要删除的数量，如果为0，则不删除项目。 item1,…itemx - 可选，向数组添加的新项目。

	
var array_example = ["a","b","c","d","e"];
console.info(array_example);
//1.开头添加/删除元素
//unshift()：开头添加元素
array_example.unshift("aa");
console.info(array_example);
//shift()：删除开头元素
array_example.shift();
console.info(array_example);

//2.末尾添加/删除元素
//push()：末尾添加元素
array_example.push("bb");
console.info(array_example);
//pop()：删除末尾元素
array_example.pop();
console.info(array_example);

//3.中间添加/删除元素
//数组中间添加元素
array_example.splice(3,0,["aa","bb"]);
console.info(array_example);
array_example.splice(2,0,"cc","dd");
console.info(array_example);
//数组中间删除元素
array_example.splice(4,1);
console.info(array_example);
array_example.splice(2,2);
console.info(array_example);

5.数组的属性和方法

数组常用的属性 （1）数组元素的个数：数组名称.length 数组常用的方法 （1）对数组元素进行排序(原数组被更改)：数组名称.sort(); （2）将数组元素连接起来以构建一个字符串：数组名称.join("+"); （3）将数组转换成一个字符串：数组名称.toString(); （4）把数组转换成本地约定的字符串：数组名称.toLocalString(); （5）把数组内的元素顺序翻转数组名称.reverse();

	
array5 = [5,1,3,7,'a','f','b','abc'];
console.log("原数组："+array5.toString());
//①属性：array5.length
console.log(array5.length);
//②方法：array5.sort()
array5.sort()
console.log(array5.toString());
console.log(array5.toLocaleString());
console.log(array5.join("+"));
array5.reverse();
console.info("reverse()："+array5.toString());