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：本文仅仅是个人学习总结，若有不足还忘谅解，欢迎联系指导。

巴特西

JavaScript 常用数组函数方法专题

1、由字符串生成数组

2、查找元素

3、字符串表示

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

5、为数组添加元素

6、从数组中删除元素

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

8、给数组排序

9、迭代器方法

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

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

最新文章

热门文章

巴特西

JavaScript 常用数组函数方法专题

1、 由字符串生成数组

2、查找元素

3、字符串表示

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

5、为数组添加元素

6、从数组中删除元素

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

8、给数组排序

9、迭代器方法

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

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

最新文章

热门文章

1、由字符串生成数组