JavaScript 常用数组函数方法专题 - HelloWorld开发者社区

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"]