03-JS使用过的函数 21-30

21、forEach

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

var arr = ['凯皇', '典韦', '瑶瑶', '鲁班'];
arr.forEach(function(value, index, newArr) { 
    //value  index newArr 是回调函数的形参, 名字无所谓,叫什么都行
    //但是其按顺序代表的意义是固定,
    //第一个是 数组元素的值,
    //第二个是 数组元素对应的索引值
    //第三个是 可选参数, 代表的是原数组, 可写可不写,不会影响程序运行
    console.log(value, '---', index, '---', newArr[index]);
})

 以上例程会输出：

 

 22、for...of

ES6 中新增了一种直接对数组进行循环的方法 for...of

for(var value of arr) {
    console.log('for---of的方式', value);
}

23、indexOf

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

注意： indexOf() 方法区分大小写。

var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
console.log(n);

 以上例程会输出：

13

 24、push

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

注意： 新元素将添加在数组的末尾。

注意： 此方法改变数组的长度

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi")

  以上例程会输出：

fruits：Banana,Orange,Apple,Mango,Kiwi

25、unshift

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

注意： 该方法将改变数组的数目。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

fruits：Lemon,Pineapple,Banana,Orange,Apple,Mango

26、shift 

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()

 以上例程会输出：

fruits：Orange,Apple,Mango

27、pop

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

注意：此方法改变数组的长度！

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();

 以上例程会输出： 

 fruits：Banana,Orange,Apple

28、splice

splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");

 fruits：Banana,Orange,Lemon,Kiwi,Apple,Mango 

 29、concat

concat() 方法用于连接两个或多个字符串。

该方法没有改变原有字符串，但是会返回连接两个或多个字符串新字符串。

var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);

 以上例程会输出：  

Hello world!

30、sort

sort() 方法用于对数组的元素进行排序。

排序顺序可以是字母或数字，并按升序或降序。

默认排序顺序为按字母升序。

注意：当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序，你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

这些说起来可能很难理解，你可以通过本页底部实例进一步了解它。

注意： 这种方法会改变原始数组！。

实例1：数组排序

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();

 fruits：Apple,Banana,Mango,Orange 

实例2：数字排序（数字和升序）

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});

 fruits：1,5,10,25,40,100

实例3：数字排序（数字和降序）

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});

 fruits：100,40,25,10,5,1

实例4：数字排序 (字母和降序):

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
fruits.reverse();

 fruits：Orange,Mango,Banana,Apple