Javascript口试的美满指南(开拓者视角)

map 函数在 JavaScript 数组中可用,行使这个函数，我们可以通过对数组中的每个元素应用一个转换函数来得到一个新的数组。map 一样平常语法是:

arr.map((elem){ 
    process(elem) 
    return processedValue 
}) // returns new array with each element processed  

假设，在我们最近行使的串行密钥中输入了一些不必要的字符，必要移除它们。此时可以行使 map 来执行沟通的操纵并获取功效数组，而不是通过迭代和查找来删除字符。

var data = ["2345-34r", "2e345-211", "543-67i4", "346-598"];  
var re = /[a-z A-Z]/;  
var cleanedData = data.map((elem) => {return elem.replace(re, "")});  
console.log(cleanedData); // ["2345-34", "2345-211", "543-674", "346-598"]  

map 接管一个作为参数的函数， 此函数接管一个来自数组的参数。我们必要返回一个处理赏罚过的元素， 并应用于数组中的全部元素。

reduce

reduce 函数将一个给定的列表清算成一个最终的功效。通过迭代数组执行沟通的操纵， 并生涯中间功效到一个变量中。这里是一个更简捷的方法举办处理赏罚。js 的 reduce 一样平常行使语法如下：

arr.reduce((accumulator, 
           currentValue, 
           currentIndex) => { 
           process(accumulator, currentValue) 
           return intermediateValue/finalValue 
}, initialAccumulatorValue) // returns reduced value  

accumulator 存储中间值和最终值。currentIndex、currentValue别离是数组中元素的 index 和 value。initialAccumulatorValue 是 accumulator 初始值。

reduce 的一个现实应用是将一个数组扁平化， 将内部数组转化为单个数组， 如下：

var arr = [[1, 2], [3, 4], [5, 6]];  
var flattenedArray = [1, 2, 3, 4, 5, 6];  

我们可以通过正常的迭代来实现这一点，可是行使 reduce，代码会越发简捷。

var flattenedArray = arr.reduce((accumulator, currentValue) => { 
    return accumulator.concat(currentValue); 
}, []); // returns [1, 2, 3, 4, 5, 6]  

filter

filter 与 map 更为靠近， 对数组的每个元素举办操纵并返回其它一个数组(差异于 reduce 返回的值)。过滤后的数组也许比原数组长度更短，由于通过过滤前提，解除了一些我们不必要的。

filter 语法如下：

arr.filter((elem) => {  
  return true/false  
})  

elem 是数组中的元素， 通过 true/false 暗示过滤元素生涯/解除。假设， 我们过滤出以 t 开始以 r 竣事的元素：

var words = ["tiger", "toast", "boat", "tumor", "track", "bridge"] 
var newData = words.filter((str) => { 
    return str.startsWith('t') && str.endsWith('r'); 
}) 
newData // (2) ["tiger", "tumor"]  

当有人问起JavaScript的函数编程方面时，这三个函数应该信手拈来。 如你所见，原始数组在全部三种环境下都没有改变，这证明白这些函数的纯度。

10) 领略错误处理赏罚模式

这是很多开拓职员最不体谅的 JavaScript。 我看到很少有开拓职员评论错误处理赏罚， 一个好的开拓要领老是审慎地将 JS 代码封装装在 try/catch 块周围。

在 JavaScript中，只要我们随意编写代码，就也许会失败，假如所示:

$("button").click(function(){ 
    $.ajax({url: "user.json", success: function(result){ 
        updateUI(result["posts"]); 
    }}); 
});  

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!