上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

昌乐网站优化【昌乐开通400电话】昌乐网站搭建、昌乐微信公众号推文外包、昌乐开通京东拼多多设计、昌乐淘宝装修

昌乐县，隶属山东省潍坊市，位于山东半岛中部，东距海滨城市青岛150公里，北离渤海80公里。环渤海经济圈与山东半岛城市群的交汇点，是内陆通往胶东沿海地区的咽喉地带。胶济铁路、济青高速公路、309国道等贯穿境内。是国务院批准的沿海经济开放县，也是著名的蓝宝石之都。土地面积1101平方公里，总人口63.8万人（2018年）。政府驻地城关街道。

昌乐县先后被评为“中国平安建设先进县” [1]  、中国“五五”普法中期工作先进县 [2]  、“中国科技进步先进县” [3]  、“中国魅力名县”、“中国最令人向往的地方”、“中华文化国际旅游名城” [4]  、山东最佳投资城市和山东旅游强县。 [5] 

2018年，昌乐县完成地区生产总值329.9亿元，增长6.7%。2020年2月13日，获得2019年度全国“平安农机”示范县称号。 [6]  2020年7月29日，入选2019年重新确认国家卫生乡镇（县城）名单。 [7] 

这篇文章通过一个简单到只能实现四则预算的计算器例子，让大家了解一下EcmaScript5中的数组方法的特殊用法。

先看一下我做的一个计算器的例子吧。

我们把那些在EcmaScript5中才被引入的数组方法叫做Array Extras,例如下面这些方法：

• Array.prototype.map

• Array.prototype.reduce

• Array.prototype.reduceRight

• Array.prototype.filter

• Array.prototype.forEach

• Array.prototype.every

• Array.prototype.some

看到这儿，你可能要问了：这些方法谁不知道啊？是啊，这些方法大家或多或少知道些，但下面这个函数中的某些用法，你未必知道了，看看吧！

这个函数是我上面那个计算器中的一个核心函数。

function calculate( calculation ) {
  var parts = calculation.match(/(?:-?[d.]+)|[-+*/]|s+/g);
  
  if( calculation !== parts.join("") ) {
    throw new Error("Couldn't parse calculation");
  }

  parts = parts.map(Function.prototype.call,String.prototype.trim);
  parts = parts.filter(Boolean);

  var nums = parts.map(parseFloat);
  var processed = [];

  for( var i = 0; i < parts.length; i++ ) {
    if( nums[i] === nums[i] ) {
      processed.push( nums[i] );
    } else {
      switch( parts[i] ) {
        case "+":
          continue;
        case "-":
          processed.push(nums[++i] * -1);
          break;
        case "*":
          processed.push(processed.pop() * nums[++i]);
          break;
        case "/":
          processed.push(processed.pop() / nums[++i]);
          break;
        default:
          throw new Error("unknown operation: " + parts[i]);
      }
    }
  }

  return processed.reduce(function(result,elem) {
    return result + elem;
  });
}

这段短短的函数有几处可圈可点：

1.短短的代码中用到了3个Array Extras:

map: parts = parts.map(Function.prototype.call,String.prototype.trim)

filter: parts = parts.filter(Boolean)

reduce:

return processed.reduce(function(result,elem) {
    return result + elem;
});

2.Array Extras的用法很特别：

parts = parts.map(Function.prototype.call,String.prototype.trim)

这段代码如果让我们写，我们可能这样写：

parts = parts.map(function( elem, index, arr ) {
    return elem.trim();
});

同样，parts = parts.filter(Boolean),我们可能写成：

parts = parts.filter(function( elem, index, arr ) {
    return Boolean( elem );
})

3.巧妙地利用NaN !== NaN判断运算符：

if( nums[i] === nums[i] ) {
  processed.push( nums[i] );
}

关于Array Extras的更多沁人心脾的用法，请参考这里

昌乐网站优化【昌乐开通400电话】昌乐网站搭建、昌乐微信公众号推文外包、昌乐开通京东拼多多设计、昌乐淘宝装修

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）