JavaScript 常用数组函数方法专题

1、 由字符串生成数组

split() 分割字符串，并将分割的部分作为一个元素保存在一个新建的数组中。

    var  str1 = "this is an emample to using the method of array .";
    var str2 = str1.split(" "); //以空格作为分割条件
    for(var i = 0; i< str2.length; i++ ){
        console.log(str2[i]);
    }

2、查找元素

indexOf() 用来查找元素在目标数组中是否存在，如果存在，返回该元素在数组中第一次出现的位置索引，如果不存在，就返回-1。

lastIndexof() 和indexOf()作用一样，但是返回的是相同元素中的最后一个元素的位置索引。

    var names = ["one", "two", "three", "four", "five", "one"];
    var position = names.indexOf("one");
    if(position >= 0){
        console.log("Found " + name + " at position " + position);
    }else{
        console.log(name + "not found in array .");
    }
    // Found  at position 0
    var position2 = names.lastIndexOf("one");
    console.log("Found at position " + position2); 
    // Found at position 5

3、字符串表示

将数组转换成字符串：join() 和 toString()

    var str1 = ["one", "two", "three", "four", "five"];

    var str2= str1.join();
    console.log(str2); // one,two,three,four,five

    str2= str1.toString();
    console.log(str2); // one,two,three,four,five

    console.log(str1); // ["one", "two", "three", "four", "five"]

4、由已有数组创建新数组

concat() 用来合并多个数组创建一个新数组。

splice() 截取一个数组的子集创建一个新数组。

    var str1 = ["one", "two", "three", "four", "five"];
    var str2 = ["six", "seven", "eight","nine","ten"];

    var str3 = str1.concat(str2);
    console.log(str3);  // ["one", "two", "three", "four", "five", "six", "seven", "eight"]

    var str4 = str2.splice(2,4);
    console.log(str4);  // ["eight", "nine", "ten"]

5、为数组添加元素

push() 将一个元素添加到数组末尾。

unshift() 可以将元素添加在数组的开头。

    var num1 = [1, 2, 3, 4, 5];
    console.log(num1);   // [1, 2, 3, 4, 5]

    num1.push(6);
    console.log(num1);   // [1, 2, 3, 4, 5, 6]

    var s1 = num1.push();
    console.log(s1); // 6

    num1[num1.length] = 10;
    console.log(num1);  // [1, 2, 3, 4, 5, 6, 10]

    num1.unshift("one", "two");
    console.log(num1); //  ["one", "two", 1, 2, 3, 4, 5, 6, 10]

    var s2 = num1.unshift();
    console.log(s2); // 9

6、从数组中删除元素

pop() 可以删除数组末尾的元素。

shift() 删除数组中的第一个元素。

    var num1 = [1, 2, 3, 4, 5];

    num1.pop();
    console.log(num1); // [1, 2, 3, 4]

    var  s = num1.pop(); 
    console.log(s); // 4

    num1.shift();
    console.log(num1); //  [2, 3]

    var s3 = num1.shift(); 
    console.log(s3); //  2
    console.log(num1); // [3]

7、从数组中间位置添加和删除元素

splice ( 起始索引，需要删除的元素个数，需要添加进数组的元素 )

    var str = [1, 2, 3, 7, 8 , 9];
    var nStr = [4, 5, 6];

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

    str.splice(3, 0, nStr);
    console.log(str);  //  [1, 2, 3, Array[3], 7, 8, 9, 10]  Array[3]是一个数组:[4，5，6]

    str.splice(3,4);
    console.log(str);  // [1, 2, 3, 10, 11, 12]

8、给数组排序

reverse() 将数组中的元素的顺序进行翻转。

sort() 按照字典顺序对元素进行排序。

    var num1 = [1, 2, 3, 4, 5];
    var num2  = [2, 5,1 ,7, 100, 3, 20];
    var str = ["one", "two", "three", "four", "five"];

    num1.reverse();
    console.log(num1);  // [5, 4, 3, 2, 1]

    str.sort();
    console.log(str);   // ["five", "four", "one", "three", "two"]

    // sort()只是按照字典顺序进行排序
    num2.sort();
    console.log(num2);  //  [1, 100, 2, 20, 3, 5, 7]  

    // 改进sort()排序
    function compare(n1, n2){
        return n1-n2;
    }
    num2.sort(compare);
    console.log(num2);  // [1, 2, 3, 5, 7, 20, 100]

9、迭代器方法

（1）不生成新数组的迭代器方法

foreach() 方法，接受一个函数作为参数，对数组中的每个元素使用该函数。

every() 方法，接受一个返回值为布尔型的函数，对数组中的每个元素使用该函数，如果对于所有的元素，该函数都返回true，则该方法返回true，否则会返回false。

some() 方法，也接受一个返回值为布尔型的函数，但是该方法只要有一个元素使得该函数返回true，该方法就返回true。

reduce() 方法，接受一个函数，返回一个值。这个方法会从一个累加值开始，不断对累加值和数组中的后续元素调用该函数，直到数组中的最后一个元素，最后返回得到累加值。

reduceRight() 方法，和reduce()方法区别在于，它是从右到左执行的。

    // forEach() 方法
    function square(num){
        console.log(num, num * num);
    }
    var num1 = [1, 2, 3, 4, 5];
    num1.forEach(square);


    // every()方法
    function isEven(num){
        return num % 2 == 0;
    }
    var num2 = [6, 7, 8, 9, 10];
    var even = num2.every(isEven);
    if(even){
        console.log("all numbers are even .");
    }else{
        console.log("not all numbers are even .");
    }
    // 结果： not all numbers are even


    // some()方法
    function isEven(num){
        return num % 2 == 0;
    }
    var num3 = [1, 2, 3, 4, 5, 6, 7];
    var someEven1 = num3.some(isEven);
    if(someEven1){
        console.log("some numbers are even .");
    }else{
        console.log("no numbers are even .");
    }
    // 结果： some numbers are even .

    var num4 = [1,3,5,7,9];
    var someEven2 = num4.some(isEven);
    if(someEven2){
        console.log("some numbers are even .");
    }else{
        console.log("no numbers are even .");
    }
    //结果：  no numbers are even .


    // reduce()方法
    function add(runTotal, currentValue){
        return runTotal + currentValue;
    }
    var num6 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    var num7 = num6.reduce(add);
    console.log(num7); //结果： 55

    function concat(accString, item){
        return accString + item;
    }
    var str1= ["one", "two", "three", "four", "five"];
    var str2 = str1.reduce(concat) ;
    console.log(str2);  // onetwothreefourfive


    // reduceRight()方法
    function concat(accString, item){
        return accString + item;
    }
    var str3= ["one", "two", "three", "four", "five"];
    var str4 = str3.reduceRight(concat) ;
    console.log(str4); // fivefourthreetwoone

（2）生成新数组的迭代器方法

map() 方法，对数组中的每个元素使用某个函数，该数组的元素是对原有元素的某个函数得到的结果。

filter() 方法， 传入一个返回值为布尔型的函数，当对数组中的所有元素使用该函数，结果都是true时，区别于every()方法返回true, filter()方法返回的是一个新数组，这个新数组包含使用该函数后结果为true的元素。

    // map()方法
    function curve(num){
        return num += 5;
    }
    var num1 = [5, 15, 25, 35, 45];
    var num2 = num1.map(curve);
    console.log(num2); // [10, 20, 30, 40, 50]

    function getFirstWord(str){
        return str[0];
    }
    var str1 = ["one", "two", "three", "four"];
    var str2 = str1.map(getFirstWord);
    console.log(str2); // ["o", "t", "t", "f"]


    // filter（）方法

    //示例一
    function isEven(num){
        return num % 2 == 0;
    }
    function isOdd(num){
        return num % 2 != 0;
    }
    var num3 = [];
    for(var i = 0 ; i < 20; i++){
        num3[i] = i+1;
    }
    var even = num3.filter(isEven);
    console.log("Even numbers :  " + even);  // Even numbers :  2,4,6,8,10,12,14,16,18,20

    var odd = num3.filter(isOdd);
    console.log("Even numbers :  " +odd);  // Even numbers :  1,3,5,7,9,11,13,15,17,19

    //示例二
    function passing(num){
        return num >= 60;
    }
    var num4 = [];
    for(var i = 0 ; i < 20; i++){
        num4[i] = Math.floor(Math.random() * 101);
    }
    var num5 = num4.filter(passing);
    console.log("all numbers :  " + num4);
    // all numbers :  91,92,12,21,99,98,37,99,64,37,47,49,64,75,45,7,85,94,29,24
    console.log("passing numbers :  " + num5);
    // passing numbers :  91,92,99,98,99,64,64,75,85,94

    // 示例三
    function delAfterC (str){
        if(str.indexOf("cie") > -1){
            return true;
        }
        return false;
    }
    var str3 = ["recieve", "deceive", "percieve", "deceit", "concieve"];
    var str4 = str3.filter(delAfterC);
    console.log(str4); // ["recieve", "percieve", "concieve"]

PS：本文仅仅是个人学习总结，若有不足还忘谅解，欢迎联系指导。