js中数组迭代函数—(2)会生成新数组

有两个迭代器方法可以产生新数组: map() 和 filter()。

1、map(),map() 和 forEach() 有点儿像,
对数组中的每个元素使用某个函数。 两者的区别是 map() 返回一个新的数组,
该数组的元素是对原有元素应用某个函数得到的结果。

<script type="text/javascript">

function curve(grade)

{

return grade += 5;

}

function doMap()

{

var grades = [77, 65, 81, 92, 83] ;

var newgrades = grades. map(curve);

document.write(newgrades );

}

</script>

<script type="text/javascript">

function first(word)

{

return word[0] ;

}

function doMap()

{

var words = ["for" , "your" , "information" ] ;

var acronym = words. map(first);

document.write(acronym.join(" " ));

}

</script>

在上面这个例子中,
数组 acronym 保存了数组 words 中每个元素的第一个字母。
然而, 如果想将数组显示为真正的缩略形式, 必须想办法除掉连接每个数组元素的逗号, 如果直接调用 toString() 方法,
就会显示出这个逗号。 使用 join() 方法,
为其传入一个空字符串作为参数, 则可以帮助我们解决这个问题。

2、filter(),filter() 和 every() 类似,
传入一个返回值为布尔类型的函数。 和 every() 方法不同的是,当对数组中的所有元素应用该函数,
结果均为 true 时,
该方法并不返回 true,
而是返回一个新数组, 该数组包含应用该函数后结果为true 的元素。

<script type="text/javascript">

function passing(num)

{

return num >= 60;

}

function doFilter()

{

var grades = [] ;

for (var i = 0; i < 20; ++i)

{

grades[i] = Math. floor(Math. random() * 101);

}

var passGrades = grades. filter(passing);

document.write(" All grades: ");

document.write(grades);

document.write(" Passing grades: " );

document.write(passGrades);

}

</script>

<script type="text/javascript">

function isEven(num)

{

return num % 2 == 0;

}

function isOdd(num)

{

return num % 2 != 0;

}

function doFilter()

{

var nums = [] ;

for (var i = 0; i < 20; ++i)

{

nums[i] = i+1;

}

var evens = nums.filter(isEven);

document.write(" Even numbers: " );

document.write(evens);

var odds = nums. filter(isOdd);

document.write(" Odd numbers: " );

document.write(odds);

}

</script>

过滤字符串 数组

<script type="text/javascript">

function afterc(str)

{

if (str. indexOf("cie" ) > - 1)

{

return true;

}

return false;

}

function doFilter()

{

var words = ["recieve" , "deceive" , "percieve" , "deceit" , "concieve" ] ;

var misspelled = words. filter(afterc);

document.write(misspelled);

}

</script>

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-12-29 18:27:18

js中数组迭代函数—(2)会生成新数组的相关文章

js中数组迭代函数—(1)不生成新数组

不生成新数组的迭代器方法,它们要么对于数组中的每个元素执行某种操作, 要么返回一个值. 1.forEach(), 该方法接受一个函数作为参数, 对数组中的每个元素使用该函数 <script type="text/javascript"> function square(num) { document.write(num * num+"\t"); } function doEach(){ var nums = [1, 2, 3, 4, 5, 6, 7, 8

JS中关于把函数作为另一函数的参数的几点小总结

//JS中关于把函数作为函数的参数来传递的问题的小总结//第一,最简单的形式无参函数,直接形式函数的函数名放到括号中,再在执行部分这个函数即可.//当然调用时要穿另一个真正的定义好的函数/*function test1(Func){Func();}function test2(){alert("我是test2");}test1(test2);*/ //第二种,带参数的普通调用法.跟第一种唯一的区别就是在定义主函数的执行语句里调用参数函数时该把参数加上/*function test1(F

underscore.js中的节流函数debounce及trottle

函数节流   throttle and debounce的相关总结及想法 一开始函数节流的使用场景是:放止一个按钮多次点击多次触发一个功能函数,所以做了一个clearTimeout setTimeout函数 clearTimeout(cancelTimer); cancelTimer =setTimeout(function(){ switchControl.switchAciontFactory(view, conf); },300) 代码的意思就不做多说了,实际上我无意间实现了一个debou

js中字符替换函数String.replace()使用技巧

String.replace( ) 简介 语法: var strings = string.replace(regexp, replacement) regexp :您要执行替换操作的正则表达式,如果传入的是一个字符串,那就会当作普通字符来处理,并且只会执行一次替换操作:如果是正则表达式,并且带有 global (g) 修饰符,则会替换所有出现的目标字符,否则,将只执行一次替换操作. replacement :您要替换成的字符. 返回值是执行替换操作后的字符串. 11 String.replac

JS中的定时函数(setTimeout,clearTimeout,setInterval,clearInterval详解 )

设置定时器,在一段时间之后执行指定的代码,setTimeout与setInterval的区别在于setTimeout函数指定的代码仅执行一次 方法一: window.setTimeout("alert('ok')",5000); 方法二: window.setTimeout(function() { alert("Ok"); }, 5000); 方法三: function showAlert() { alert("ok"); } window.s

js中如何在一个函数里面执行另一个函数

1.js中如何在函数a里面执行函数b function a(参数c){ b(); } function b(参数c){ } ps:在需要传参的情况下,函数a里面的参数c同时可以传到函数b里面. 2.如何20秒后执行另一个函数 function a(){ setTimeout(b,20000)}function b(){ alert("20秒以后了哦")} 3.什么是回调函数 回调就是一个函数的调用过程.回调,回调,就是回头调用的意思.函数a的事先干完,回头再调用函数b. 函数a有一个参

数组中的对象的特征值提取生成新对象实现方法

最近要做一个可视化的SQL语句生成功能视图, 项目中遇到一个JSON保存后还原的问题,由于保存之前和后台沟通约定好保存的JSON格式,所以在还原的时候,就要按照保存的格式来进行逆向解析. 首先来看一下保存的JSON内容 var oldObj= [ { "fieldName": "上班时间1", "fieldId": "working_hours_1", "fieldType": "time&quo

js中的setInterval函数

js中,setInterval函数:setInterval(code,milliseconds,[可选参数]) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Interval</title> <styl

【juincen】Java中的接口interface类比js中的回调函数

前几天在左讯飞语音的时候,无意间意识到java中的接口和js中常用的回调函数有点类似,今天在这儿整理一下思路. interface,Java中的接口,为什么会有这个东西. 一,预留声明 比如两个程序员A和B,A要写一段程序,其中需要调用到B写的程序.这时候A可以写一个接口: public interface Demo{ void deal(); } A要调用的方法先“预留声明”在接口里:deal 然后B去完善这个接口,B写了一个实现类实现了这个Demo接口. A在自己的业务逻辑里面只用调用接口的

js中的Generators函数

js中的Generators函数 generator一般操作 generator函数的作用就是函数体分段执行,yield表示分隔点 function *test() { console.log(1); yield 1; console.log(2); yield 2; console.log(3); yield 3; } var g = test(); console.log(g.next()) // { value: 1, done: false } console.log(g.return(