复习js-数组篇

1.创建数组

1. 数组字面量创建

var arr = [1,2,3]

2. 利用 new Array()

var arr = new Array(2) //表示数组长度
var arr = new Array(2,3) //等价于arr = [2,3]

2.检测是否为数组

1. instenceof => bool

arr instanceof Array

2. isArray(参数) => bool
   注：H5新特性，需 > IE9

Array.isArray(arr)

3.添加删除元素

1. 添加
   push（参数） 末尾加 push后返回新数组长度；
   unshift（参数）头部加 unshift后返回新数组长度；

2. 删除
   pop(无参数) 末尾删除 无参数 返回删除元素；
   shift(无参数) 头部删除 无参数 返回删除元素

4.翻转排序

1. 翻转reverse
   arr.reverse()
2. 排序sort
   arr.sort()

var arr = [2,0,6,1,77,0,52,0,25,7];
    arr.sort((a,b) => {
        return a-b   //a-b为升序，a+b为降序
    })
    console.log(arr)

5.索引

1. indexOf(数组元素)
   若含有相同元素，只返回第一个索引，若无这个元素，返回-1

2. lastindexOf(数组元素)
   若含有相同元素返回靠后索引

去重案例

//去重案例
    var li = ['c','a','z','a','x','a','x','c','b']
    arr = []
    for (var i = 0; i < li.length; i++) {
        if ((arr.indexOf(li[i])) === -1) { 
        //若新数组中没有这个索引，就将元素添加至新数组中
            arr.push(li[i])
        }
    }
    console.log(arr);

注：不能用排序做，因为是字符串。

6.数组转为字符串

1. toString()
   arr.toString()

2. join
   arr.join(’&’)，注意跟python的"".join()区分开

7.slice用法

arr.slice[begin,end）

var arr = [1,2,3,4,5,6];
    console.log(arr.slice(-2,-4)); // []
    console.log(arr.slice(-4,-2)); //[3,4]

8.splice用法

splice(a,b,c)，其中a,b必须写，c可省略
a为加/减的任意位置，可为负值
b为删除的个数，可为0
c为加/减的项

var arr1 = [1,2,3,4,5,6];//删除任意数量的项
console.log(arr1.splice(0,1))//[1]    返回了要删除的项
console.log(arr1)//[2, 3, 4, 5, 6]  他改变了原来的数组

var arr2 = [1,2,3,4,5,6];//插入任意的数量项
console.log(arr2.splice(6,0,7,8,9))//[]
console.log(arr2)//[1, 2, 3, 4, 5, 6, 7, 8, 9]

var arr3 = [1,2,3,4,5,6];//向指定位置插入任意数量的项，并删掉任意数量的项
console.log(arr3.splice(1,2,7,8))//[2, 3]
console.log(arr3)//[1, 7, 8, 4, 5, 6]

9.迭代方法

1.forEach 让数组的每一项做一件事，无返回值，不产生新数组
2.map(映射) 让数组通过某种计算产生一个新数组。有返回值，产生新数组
3.reduce(累计) 让数组中的前项和后项做某种计算，并累计最终值
4.filter(过滤) 筛选出数组中符合条件的项，组成新数组
5.every => bool 检测数组中的每一项是否符合条件,一假即假
6.some => bool 检测数组中是否有些项符合条件，一真即真

// 1.forEach  让数组的每一项做一件事，无返回值，不产生新数组
    var arr1 = [1,2,3,4,5,6];
    arr1.forEach((value,i) => {
        console.log('第' + (i+1) + '项' + ':' + value)
    }) //第一项：1 第二项：2...

    // 2.map(映射)  让数组通过某种计算产生一个新数组。有返回值，产生新数组
    let arr2 = [1,2,3,4,5,6];
    arr2 = arr2.map((value,i) => {
        return value * 2 //[2,3,6...]
    })

    // 3.reduce(累计) 让数组中的前项和后项做某种计算，并累计最终值
    let arr3 = [1,2,3,4,5,6];
    arr3 = arr3.reduce((prev,next) => {
        return prev+next  //21
    })

    // 4.filter(过滤)  筛选出数组中符合条件的项，组成新数组
    let arr4 = [1,2,3,4,5,6];
    arr4 = arr4.filter((value,i) => {
        return value > 3 //[4,5,6]
    })

    // 5.every => bool  检测数组中的每一项是否符合条件,一假即假
    let arr5 = [1,2,3,4,5,6];
    arr5 = arr5.every((value,i) => {
        return value > 1  //false
    })

    // 6.some => bool  检测数组中是否有些项符合条件，一真即真
    let arr6 = [1,2,3,4,5,6];
    arr6 = arr6.some((value,i) => {
        return value > 1  //true
    })