目录
2.4push() 和 pop() 从数组最后增加成员或删除成员
2.5unshift()和 shift() 从数组前面增加成员或删除成员
2.10map()返回一个数组元素调用函数处理后的值的新数组
数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。
数组对象的作用是:使用单独的变量名来存储一系列的值。类似于Python中的列表
一.创建数组的方法
//通过类实例化来创建数组
var aList01 = new Array(1,2,3);
//通过直接量的方式创建数组
var aList02 = [5,6,7];
二.数组操作方法
常用方法:
方法 | 说明 |
.length | 数组的大小 |
.push(ele) | 尾部追加元素 |
.pop() | 获取尾部的元素 |
.unshift(ele) | 头部插入元素 |
.shift() | 头部移除元素 |
.slice(start, end) | 切片 |
.reverse() | 反转 |
.join(seq) | 将数组元素连接成字符串 |
.concat(val, ...) | 连接数组 |
.sort() | 排序 |
.forEach() | 将数组的每个元素传递给回调函数 |
.splice() | 删除元素,并向数组添加新元素 |
.map() | 返回一个数组元素调用函数处理后的值的新数组 |
2.1获取数组的长度:aList.length;
var aList = [1,2,3,4];
alert(aList.length); // 弹出4
2.2用下标操作数组的某个数据:aList[0];
var aList = [1,2,3,4];
alert(aList[0]); // 弹出1
2.3join() 将数组成员通过一个分隔符合并成字符串
var aList = [1,2,3,4];
alert(aList.join('-')); // 弹出 1-2-3-4
2.4push() 和 pop() 从数组最后增加成员或删除成员
var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4
2.5unshift()和 shift() 从数组前面增加成员或删除成员
var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4
2.6reverse() 将数组反转
var aList = [1,2,3,4];
aList.reverse();
alert(aList); // 弹出4,3,2,1
2.7indexOf() 返回数组中元素第一次出现的索引值
var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));
2.8splice() 在数组中增加或删除成员
语法:
splice(index,howmany,item1,.....,itemX)
参数:
参数 | 描述 |
var aList = [1,2,3,4];
//第一个参数是开始的位置,第二个参数是起始位置删除多少个成员,第三个(包括第三个)之后是要增加的
成员的值
aList.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4
2.9forEach()将数组的每个元素传递给回调函数
语法:forEach(function(currentValue, index, arr), thisValue)
参数 | 描述 |
function(currentValue, index, arr) | 必需。 数组中每个元素需要调用的函数。 函数参数:参数描述currentValue必需。当前元素index 可选。当前元素的索引值。arr可选。当前元素所 属的数组对象。 |
thisValue | 可选。传递给函数的值一般用 "this" 值。 如果这 个参数为空, "undefined" 会传递给 "this" 值 |
2.10map()返回一个数组元素调用函数处理后的值的新数组
语法:
map(function(currentValue,index,arr), thisValue)
参数:
参数 | 描述 |
function(currentValue, index,arr) | 必须。函数,数组中的每个元素都会执行这个函数 函数参数: 参数描述currentValue必须。当前 元素的值index可选。当期元素的索引值arr可选。当期元素属于的数组对象 |
thisValue | 可选。对象作为该执行回调时使用,传递给函 数,用作 "this" 的值。 如果省略了 thisValue ,"this" 的值为 "undefined" |
2.11 代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
var aList = [1,2,3,4];
alert(aList.length); // 弹出4
alert(aList[0]);
alert(aList.join('-'));
aList.push(5);
alert(aList);
aList.pop();
alert(aList);
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4
aList.reverse();
alert(aList); // 弹出4,3,2,1
var aList2 = [1,2,3,4,1,3,4];
alert(aList2.indexOf(1));
var aList3 = [1,2,3,4];
//第一个参数是开始的位置,第二个参数是起始位置删除多少个成员,第三个(包括第三个)之后是要增加的
//成员的值
aList3.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素
alert(aList3); //弹出 1,2,7,8,9,4
</script>
</body>
</html>
三.多维数组
多维数组指的是数组的成员也是数组的数组。
var aList = [[1,2,3],['a','b','c']];
alert(aList[0][1]); //弹出2;