Home > Web Front-end > JS Tutorial > body text

Sharing methods for JavaScript array iteration implementation

黄舟
Release: 2017-03-23 14:57:59
Original
1304 people have browsed it

This article mainly introduces the JavaScriptarray iteration method, which has a good reference value. Let's take a look at it with the editor

Recently, data processing is often involved in work. Arrays are especially common. They often need to be traversed and converted. Articles on the Internet are scattered here and there, so I have to do it myself. Find the little red book, flip it out, and make a note of it for future inquiries.

Commonly used iteration methods for arrays

ECMAScript5 defines 5 iteration methods for arrays. Each method accepts two arguments: a function fn to be run on each item and (optionally) a scope object to run the function on - affecting the value of `this`.

The function (fn) passed into these methods will receive 3 parameters: item, index, array; such as:

array.forEach(function(item,index,array){
  //do your staff here;
},this)
Copy after login

Depending on the method of use, the return value of this function after execution , may/may not affect the return value in the method.

The functions and return values ​​of these five iteration methods are summarized as follows:

ECMAScript5 Array element iteration method


null: No return valuemapArray: After the return function is run, a new array composed of new new elements is obtainedBoolean: If any item returns true after executing the function, it will return true
Method nameMethod functionReturn value
every()For array Run the specified function for each element in Boolean: If each item returns true, return true;
filter()For the array Run the specified function on each element, Array: Returns a new array composed of elements where the function returns true
forEach()ForEach() Run the specified function for each element in the array
() Run the specified function for each element in the array
some() Run the specified function for each element in the array

Simply put: every(), some() methods are suitable for

conditional judgment on array elements

;

filter(), map() The method is suitable for conditional filtering/reprocessing of arrays;

the forEach() method does not operate on the array itself, but only applies it twice to the array elements;

Introduced below The following are examples of how to use each method:

Let’s first assume a scenario. You get the company’s salary list for this month. Assume that your salary is 9000; the array composed of company employee salaries is salaries=[8500 ,12000,9900,9000],

a. I want to know if your salary is the lowest;

b. I want to know if anyone has the same salary as you;

c. I want to know if everyone is treated the same;

###d. I want to change everyone’s salary into data in K###
var a,b,c;
var your=9000;
var salaries=[8500,12000,9900,9000];
 a=slaries.some(function(item,index,array){
  return item<9000
});
console.log(a);//true;恭喜你,还有人比你工资更低
b=salaries.filter(function(item,index,array){
  return item== your;
})
console.log(b);//[9000] 呵呵,有人跟你待遇一样
c=salaries.every(function(item,index,array){
  return item==your; 
});
console.log(c);//false .不是所有人都和你一样待遇哦
d=salaries.map(function(item,index,array){
  return item/1000 
});
console.log(d);//[8.5,12,9.9,9]
Copy after login

The above is the detailed content of Sharing methods for JavaScript array iteration implementation. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template