javascript中FOREACH数组方法使用示例

Array.prototype.forEach()方法让数组的每一项都执行一次给定的函数。 — MDN

假设有这么一个场景，你拿到了这么一个数组

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

你需要为其中的symbol创建一个新数组, 也就是

[ "XFX", "TNZ", "JXJ"]
一般可以用for循环实现：

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 },
]);

输出： "[/"XFX/", "TNZ/", "JXJ/"]"

你也可以采用Array的forEach方法来简化代码，它们的输出是完全一样的。

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

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

 return symbols;
}

JavaScript的React框架中的JSX语法学习入门教程
什么是JSX？在用React写组件的时候，通常会用到JSX语法，粗看上去，像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签

JavaScript中将数组进行合并的基本方法讲解
这里简单地讲两种方法：第一种varmergeTo=[4,5,6],mergeFrom=[7,8,9];mergeTo=mergeTo.concat(mergeFrom);mergeTo;//is:[4,5,6,7,8,9]orvara=[1,2],b=[3,4],c=a.concat(b);第二种varmergeTo=[4,5,6

javascript创建对象、对象继承的实用方式详解
本文约定：不特殊声明的情况下，属性代指属性或方法。创建对象、对象继承实际上是一回事：我们所需要的实例对象通过构造函数获得私有属性、通