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

 

 

 

 

 

上一篇:Js数组中所有方法(超详细)


下一篇:数组的方法总结