Home  >  Article  >  Web Front-end  >  Example of using FOREACH array method in javascript_Basic knowledge

Example of using FOREACH array method in javascript_Basic knowledge

WBOY
WBOYOriginal
2016-05-16 15:12:391621browse

The Array.prototype.forEach() method allows each item in the array to execute the given function once. — MDN

Suppose there is such a scenario and you get such an array

[
{ symbol: "XFX", price: 240.22, volume: 23432 },
{ symbol: "TNZ", price: 332.19, volume: 234 },
{ symbol: "JXJ", price: 120.22, volume: 5323 },
]

You need to create a new array for the symbols in it, that is

[ "XFX", "TNZ", "JXJ"]
Generally this can be achieved using a for loop:

function getStockSymbols(stocks) {
 var symbols = [],
   stock,
   i;
   
 for (i = 0; i < stocks.length; i++) {
  stock = stocks[i];
  symbols.push(stock.symbol);
 }

 return symbols;
}

var symbols = getStockSymbols([
 { symbol: "XFX", price: 240.22, volume: 23432 },
 { symbol: "TNZ", price: 332.19, volume: 234 },
 { symbol: "JXJ", price: 120.22, volume: 5323 },
]);

Output: "[/"XFX/", "TNZ/", "JXJ/"]"

You can also use Array’s forEach method to simplify the code. Their output is exactly the same.

function getStockSymbols(stocks) {
 var symbols = [];

 stocks.forEach(function(stock) {
  symbols.push(stock.symbol);
 });

 return symbols;
}

Statement:
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