5个非常著名JavaScript数组方法

数组是所有用于存储不同元素的语言中的特殊变量。JavaScript数组包含一些内置属性,每个JavaScript开发人员都应该知道如何使用它们以及何时何地使用它们。我们可以根据需要使用它们来添加,删除,迭代或操作数据。每个开发人员都应该了解一些基本的JavaScript数组方法。

1、some()方法

此方法检查数组至少有一个元素是否满足参数函数检查的条件。

 1 <script>
 2 
 3 // JavaScript to illustrate 
 4 // lastIndexOf() method 
 5 function isGreaterThan5(element, index, array) {  
 6     return element > 5;  
 7 }
 8 
 9 function func() {
10 
11     // Original array  
12     var array = [2, 5, 8, 1, 4];
13 
14     // Checking for condition in array  
15     var value = array.some(isGreaterThan5);
16 
17     document.write(value);  
18 }
19 
20 func();  
21 </script>

输出:

1 true

2、reduce()方法

 JavaScript中的数组reduce()方法用于将数组简化为单个值,并为数组的每个值(从左到右)和返回值执行一个提供的函数。函数存储在累加器中。

 1 <script>
 2 
 3 // Original array 
 4 var numbers = [88, 50, 25, 10];
 5 
 6 // Performing reduce method 
 7 var sub = numbers.reduce(geeks);
 8 
 9 function geeks(total, num) { 
10     return total - num; 
11 }
12 
13 document.write(sub) 
14 </script>

输出:

3

 3、 map()方法 

 JavaScript中的map()方法通过在父数组中存在的每个元素上调用特定函数来创建数组。这是一种非变异方法。通常,map()方法用于遍历数组并在数组的每个元素上调用函数。

1 <script> // Original array 
2 var numbers = [4, 9, 16, 25]; 
3 // Performing map method 
4 var sub = numbers.map(geeks); 
5 function geeks() {     
6 return numbers.map(Math.sqrt); 
7 } 
8 document.write(sub)

输出:

2 3 4 5

 4、every()方法

此方法创建一个新数组,其中包含多个数组。基本上从包含多个数组的数组创建一个简单数组。

1 <script>  // JavaScript code for every() function  
2 function ispositive(element, index, array) {      
3 return element > 0;  }  function func() {      
4 var arr = [ 11, 89, 23, 7, 98 ];      
5 // Check for positive number      
6 var value = arr.every(ispositive);      
7 document.write(value);  }  
8 func();  
9 </script> 

输出:

1 true

5、 flat()方法

此方法创建一个新数组,其中包含多个数组。基本上从包含多个数组的数组创建一个简单数组。

 1 <script>
 2 
 3 //Original array 
 4 var arr = [ [11, 89], [23, 7], 98 ];
 5 
 6 // Performing flat method 
 7 var geeks = arr.flat();
 8 
 9 document.write(geeks) 
10 </script>

输出:

1 11,89,23,7,98
你好,欢迎你来到博客,我是布莱昂。在这里你将看到我关于前端技术和框架的一些理解和体会,并且以后所有博客将在这里发布,由于本人技术水平和认知能力有限,文中难免有认识不足和理解错误的地方,欢迎大家留言指正,我将感激不尽!
原文地址:https://www.cnblogs.com/zxa2020/p/13045718.html