Javascript数组中所有方法
作者:互联网
1、concat
concat()把元素衔接到数组中。
1 var str1 = "Hello "; 2 var str2 = "world!"; 3 var n = str1.concat(str2); 4 Hello world! //输出结果
2、every
every() 方法使用指定函数检测数组中的所有元素:
- 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
- 如果所有元素都满足条件,则返回 true。
-
every() 不会对空数组进行检测且不会改变原始数组。
1 var ages = [32, 33, 16, 40]; 2 3 function checkAdult(age) { 4 return age >= 18; 5 } 6 7 function myFunction() { 8 document.getElementById("demo").innerHTML = ages.every(checkAdult); 9 } 10 11 12 false //输出结果
3、filter
filter()返回满足断言函数的数组元素。
1 var ages = [32, 33, 16, 40]; 2 3 function checkAdult(age) { 4 return age >= 18; 5 } 6 7 function myFunction() { 8 document.getElementById("demo").innerHTML = ages.filter(checkAdult); 9 } 10 32,33,40 //输出结果
4、forEach
forEach()为数组的每一个元素调用指定函数。
1 <button onclick="numbers.forEach(myFunction)">点我</button> 2 <p id="demo"></p> 3 4 <script> 5 demoP = document.getElementById("demo"); 6 var numbers = [4, 9, 16, 25]; 7 8 function myFunction(item, index) { 9 demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 10 } 11 </script> 12 13 //输出结果 14 index[0]: 4 15 index[1]: 9 16 index[2]: 16 17 index[3]: 25
5、indexOf
indexOf()在数组中查找指定元素。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 var a = fruits.indexOf("Apple"); 3 4 //输出结果 2
6、join
join()将数组的所有元素转化为字符串。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 var energy = fruits.join(); 3 //输出结果 4 Banana,Orange,Apple,Mango
7、lastIndexOf
lastIndexOf()在数组中反向查找。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 var a = fruits.lastIndexOf("Apple"); 3 4 //输出结果 2
8、map
map()从数组的元素中,计算出新的数组。
1 var numbers = [4, 9, 16, 25]; 2 3 function myFunction() { 4 x = document.getElementById("demo") 5 x.innerHTML = numbers.map(Math.sqrt); 6 } 7 8 //输出结果 2,3,4,5
9、pop
pop()移除数组最后一个元素。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.pop(); 3 4 //输出结果 Banana,Orange,Apple
10、push
push()把元素添加到数组尾部。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.push("Kiwi") 3 4 //输出结果 5 Banana,Orange,Apple,Mango,Kiwi
11、reduce
reduce()从数组的元素中,计算出一个值。
1 var numbers = [65, 44, 12, 4]; 2 3 function getSum(total, num) { 4 return total + num; 5 } 6 function myFunction(item) { 7 document.getElementById("demo").innerHTML = numbers.reduce(getSum); 8 } 9 10 //输出结果 125
12、reduceRight
reduceRight()从右往左缩减数组。
1 var numbers = [65, 44, 12, 4]; 2 3 function getSum(total, num) { 4 return total + num; 5 } 6 function myFunction(item) { 7 document.getElementById("demo").innerHTML = numbers.reduceRight(getSum); 8 } 9 10 //输出结果 125
13、reverse
reverse()在原数组中颠倒元素的顺序。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.reverse(); 3 4 //输出结果 5 Mango,Apple,Orange,Banana
14、shift
shift ()移除数组的第一个元素。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.shift() 3 4 //输出结果 5 Orange,Apple,Mango
15、slice
slice()返回数组的一部分。
1 var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; 2 var citrus = fruits.slice(1,3); 3 4 //输出结果 Orange,Lemon
16、some
some()测试是否至少有一个数组元素能让断言函数为真。
1 var ages = [3, 10, 18, 20]; 2 3 function checkAdult(age) { 4 return age >= 18; 5 } 6 7 function myFunction() { 8 document.getElementById("demo").innerHTML = ages.some(checkAdult); 9 } 10 11 //输出结果 true
17、sort
sort ()在原数组中对数组元素进行排序。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.sort(); 3 4 //输出结果 Apple,Banana,Mango,Orange
18、splice
splice()插入、删除或替换数组元素。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.splice(2,0,"Lemon","Kiwi"); 3 4 //输出结果 Banana,Orange,Lemon,Kiwi,Apple,Mango
19、toLocaleSTring
toLocaleSTring()将数组转化为本地化字符串。
1 var d=new Date(); 2 var n=d.toLocaleString(); 3 4 //输出结果 2019/11/7 下午4:59:41
20、toString
toString ()将数组转化为字符串。
1 var d=new Date(); 2 var n=d.toString(); 3 4 //输出结果 5 Thu Nov 07 2019 17:00:09 GMT+0800 (中国标准时间)
21、unshift
unshift()在数组头部插入元素。
1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.unshift("Lemon","Pineapple"); 3 4 //fruits 将输出: 5 6 Lemon,Pineapple,Banana,Orange,Apple,Mango
标签:Apple,Javascript,Orange,Mango,数组,fruits,var,方法 来源: https://www.cnblogs.com/webSheldon/p/11834880.html