JavaScript(6) - 数组

来源：互联网发布：c语言字符串格式化编辑：程序博客网时间：2024/06/08 07:26

创建和初始化数组

用JavaScript创建和初始化数组很简单：

用Array创建数组

var daysOfWeek1 = new Array();var daysOfWeek2 = new Array(7);var daysOfWeek3 = new Array('Sunday', 'Monday', 'TuesDay', 'Wednesday', 'Thrsday', 'Friday', 'Saturday');

用中括号（[]）

var daysOfWeek4 = [];var daysOfWeek5 = ['Sunday', 'Monday', 'TuesDay', 'Wednesday', 'Thrsday', 'Friday', 'Saturday'];

添加和删除元素

在数组的末尾添加元素
1. 直接赋值

var numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];numbers[numbers.length] = 10;console.log(numbers);//[ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

2. push方法（能添加任意个元素）

numbers.push(11);console.log(numbers);//[ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11 ]numbers.push(12, 13);console.log(numbers);//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13

在数组的首位添加元素
unshift方法：

numbers.unshift(-1);console.log(numbers);//[ -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 ]numbers.unshift(-3, -2);console.log(numbers);//[ -3, -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13 ]

删除数组尾部的元素
pop方法(删除最后的一个元素)：

numbers.pop();console.log(numbers);//[ -3, -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ]

删除数组中第一个元素
shift方法（删除数组第一个元素）：

numbers.shift();console.log(numbers);//[ -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 ]

在数组的任意位置删除或者添加元素
splice方法：

arrayObject.splice(index, howmany, item1, ..., itemX);

index:必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, …, itemX:可选。向数组添加的新项目。

numbers.splice(6,3, 'a', 'a', 'a', 'a');console.log(numbers);//[ -2, -1, 0, 1, 2, 3, 'a', 'a', 'a', 'a', 7, 8, 9, 10, 11, 12 ]

数组方法参考

下面表格中讲述了数组的一些和新方法：

方法名描述 concat 连接两个或者更多个数组，并返回结果 every 对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true some 对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true filter 对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组 forEach 对数组中的每一项运行给定函数。没有返回值 join 将所有数组元素连接成一个字符串 indexOf 返回第一个与给定参数相等的数组元素的索引，没有找到返回-1 lastIndexOf 返回在数组中搜索到的与给定参数相等的元素的索引里最大的值 map 对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组 reverse 颠倒数组元素顺序 slice 传入索引值，将数组里对应索引范围内的元素作为信数组返回 sort 排序 toString 将数组作为字符串返回 valueOf 与toString相似，将数组作为字符串返回

indexOf

包含两个参数，第一个是要检索的字符串值，第二个是可选参数，表示开始检索的位置，注：必须是合法值(0,length-1);返回值是该字符串首次出现的位置，找不到则返回-1；

//numbers = [ -2, -1, 0, 1, 2, 3, 'a', 'a', 'a', 'a', 7, 8, 9, 10, 11, 12 ];var i = numbers.indexOf("a");console.log(i);        // 返回6var i = numbers.indexOf("a",9);console.log(i);        // 返回9var i = numbers.indexOf("a",10);console.log(i);        // 返回-1

找出重复元素索引的方法：

var oArr = [];    // 定义一个存放索引的数组var j = numbers.indexOf("a");    // 索引位置while(j>-1){    // 用while循环，直到找不到索引为止    oArr.push(j);    j = numbers.indexOf("a",j+1);}console.log(oArr);//元素a的索引分别为[ 6, 7, 8, 9 ]

lastIndexOf

跟indexOf，基本一样，不同的是，这个方法是从后往前检索；

var i = numbers.lastIndexOf("a");console.log(i);        // 返回9

every

对数组的每个元素都进行函数运行，如果每个都是true，则返回true，否则，返回false.

filter

对数组的每个元素都进行给定函数运行，返回这个函数会返回true的项组成的数组。

var newArray = numbers.filter(function(item){    return typeof item=="string";    })console.log(newArray);    // [ 'a', 'a', 'a', 'a' ]

forEach

对数组的每个元素都进行函数运行，注：该方法没有返回值

var arr = {                            // 定义一个对象字面量    num: [[1,3,5],[2,3,8],[9,6,1]],    // 一个二维数组    numR:function(o)                // 处理函数    {        o.reverse();        // 数组反向    }};arr.num.forEach(function(item){    arr.numR(item);})console.log(arr.num);//[ [ 5, 3, 1 ], [ 8, 3, 2 ], [ 1, 6, 9 ] ]

some

对数组的每个元素都进行函数运行，对任一项返回为true，则返回为true.

map

对数组的每个元素都进行函数运行，返回每次函数调用的结果组成的数组.

var arr = [1,3,5];var res = arr.map(function(item){    return item+item;});console.log(res);    // 返回2,6,10

reduce

array1.reduce(callback[, initialValue])
reduce方法接收一个函数作为参数，这个函数有四个参数：previousValue, currentValue, currentIndex, array；

回调参数定义 previousValue 通过上一次调用回调函数获得的值。如果向 reduce 方法提供，initialValue，则在首次调用函数时，previousValue 为 initialValue。 currentValue 当前数组元素的值。 currentIndex 当前数组元素的数字索引。 array1 包含该元素的数组对象。

var arr = [1,3,5];var res = arr.reduce(function(prev,cur,index,array){    return prev+cur;});console.log(res);    // 返回9

0 0