JavaScript 中Array数组的几个内置函数
本文章内容均参考《JavaScript高级程序设计第三版》
今天在看JavaScript书籍的时候,看到之前没有了解过的JavaScript中Array的几个内置函数对象,为了之后再开发工作中能方便查询,故编写此随笔。直接贴代码,
function arrayEffect(){
var numbers = [1,2,3,4,5,6,7,8,9,10];
//------------------------------------ 支持浏览器版本 IE9+,Firfox 2+ ,Safair 3+,Opera 9.5+,Chrome ------------------------------------
/** every迭代方法,对数组中的每一项运行给定函数,只有该函数对没一项的返回值都为true,则返回true **/
var ever = numbers.every(function (item,index,array){
return item - 1 == index;
});
/** filter方法,股民思议,类似于过滤器,返回true项组成的一个数组 **/
var filter = numbers.filter(function(ele,index,array){
return ele % 3 == 0;
});
/** 对数组中的每一项给定函数,返回每次函数调用的结果组成的数组 */
var map = numbers.map(function(ele ,index,array){
return ele * ele;
});
/** 对数组中的每一项给定函数,如果该函数的任意一项返回true,则返回true,否则返回false */
var some = numbers.some(function(ele,index,array){
return ele % 2 == 0;
});
//-------------------------------------------------------------------------------------------------------------------------------------
/** 接收两个参数,在每一项上调用的函数和作为规避基础的初始值(第一个项为可选项)
* 调用函数有四个参数,前一个值,当前值,当前元素数组位置,和数组对象
* tips : 执行函数中的每一个向的返回值,都会当做下一项执行函数的第一个参数
* 如第一次执行回调,prev为1,cur为2。第二次prev为3(1 + 2的结果),cur是3(第三项)。直到最后一个数组元素
* 支持浏览器版本 IE9+ , Firfox 3+ , Safair 4+,Opera 10.5,Chrome
*/
var reduce = numbers.reduce(function(prev,cur,index,array){
return prev + cur;
},34);
/** 接收两个参数,在每一项上调用的函数和作为规避基础的初始值(第一个项为可选项)
* 调用函数有四个参数,前一个值,当前值,当前元素数组位置,和数组对象(与reduce互为反向操作,即总最后一项开始往前面便利元素,除此之外没有任何不同)
* 支持浏览器版本 IE9+ , Firfox 3+ , Safair 4+,Opera 10.5,Chrome
*/
var reduceRight = numbers.reduceRight(function (prev,cur,index,array){
return prev + cur;
});
alert("The every method of array : " + ever);
alert("The filter method of array : " + filter);
alert("The map method of array : " + map);
alert("The some method of array : " + some);
alert("The reduce method of array :" + reduce);
alert("The reduceRight method of array :" + reduceRight);
}
JavaScript 中Array数组的几个内置函数的更多相关文章
- JavaScript中Array(数组) 对象
JavaScript中Array 对象 JavaScript中创建数组有两种方式 (一)使用直接量表示法: var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建 ...
- JavaScript中Array数组的方法
查找: indexOf.lastIndexOf 迭代:every.filter.forEach.map.somereduce.reduceRight 用法: /* 1 查找方法: * arr.inde ...
- Javascript中Array(数组)对象常用的几个方法
Javascript中Array数组的几个常用方法 pop() --获取数组中末尾的元素 shift() --获取数组中首位元素 push() --在数组中末尾增加元素 slice() --按照下 ...
- python中的运算符及表达式及常用内置函数
知识内容: 1.运算符与表达式 2.for\while初步了解 3.常用内置函数 一.运算符与表达式 python与其他语言一样支持大多数算数运算符.关系运算符.逻辑运算符以及位运算符,并且有和大多数 ...
- 学习过程中遇到的python内置函数,后续遇到会继续补充进去
1.python内置函数isinstance(数字,数字类型),判断一个数字的数字类型(int,float,comple).是,返回True,否,返回False2.python内置函数id()可以查看 ...
- [转] Hive 内置函数
原文见:https://cwiki.apache.org/confluence/display/Hive/LanguageManual+UDF 1.内置运算符1.1关系运算符 运算符 类型 说明 A ...
- Hive 内置函数
原文见:https://cwiki.apache.org/confluence/display/Hive/LanguageManual+UDF 1.内置运算符1.1关系运算符 运算符 类型 说明 A ...
- 万恶之源 - Python装饰器及内置函数
装饰器 听名字应该知道这是一个装饰的东西,我们今天就来讲解一下装饰器,有的铁子们应该听说,有的没有听说过.没有关系我告诉你们这是一个很神奇的东西 这个有多神奇呢? 我们先来复习一下闭包 def fun ...
- python内置函数和魔法函数
内置方法:Python中声明每一个类系统都会加上一些默认内置方法,提供给系统调用该类的对象时使用.比如需要实例化一个对象时,需要调用该类的init方法:使用print去打印一个类时,其实调用的是str ...
随机推荐
- navicat for mysql 安装
直接上正题,用于记录 1.下载linux版本的navicat:http://www.navicat.com/download/navicat-for-mysql 2.解压 tar -vzxf navi ...
- Dat.gui 使用教程
官方站点:http://workshop.chromeexperiments.com/examples/gui/ Dat.gui 使用教程:Dat.gui 是一个 GUI 组件,他可以为你的 demo ...
- codeforces 659A A. Round House(水题)
题目链接: A. Round House time limit per test 1 second memory limit per test 256 megabytes input standard ...
- ambari 维护模式及reset API 操作
Ambari 的维护模式(Maintenance Mode)介绍 Ambari 提供的 Maintenance Mode,是为了让用户在调试或者维护 Service 的时候,抑制不必要的告警(Aler ...
- codevs 4939 欧拉函数
传送门 4939 欧拉函数 时间限制: 1 s 空间限制: 1000 KB 题目等级 : 钻石 Diamon 题目描述 Description 输入一个数n,输出小于n且与n互素的整数个 ...
- 关于redis,学会这8点就够了
1,redis是什么 redis是一种支持Key-Value等多种数据结构的存储系统.可用于缓存,事件发布或订阅,高速队列等场景.该数据库使用ANSI C语言编写,支持网络,提供字符串,哈希,列表,队 ...
- Html 5 版 电子时钟
效果图: html 5 canvas元素 Html 5的canvas元素可以用于在网页上绘制图形[即canvas的作用]. canvas画布使用JavaScript在网页上绘制图形 其拥有绘制各种路 ...
- C# 对象间的 深拷贝 实现
以下的这个类实现了 2个含有部分字段名字相同 的对象的 赋值拷贝. public class ShallowCopyHelper { public static voi ...
- MUI框架开发HTML5手机APP
出处:http://www.cnblogs.com/jerehedu/p/7832808.html 前 言 JRedu 随着HTML5的不断发展,移动开发成为主流趋势!越来越多的公司开始选择使用H ...
- MQTT 客户端源码分析
参看:逍遥子_mosquitto源码分析系列 参看:MQTT libmosquitto源码分析 参看:Mosquitto学习笔记 一.目录结构 首先我们还是来看一下 mosquitto-1.4.14 ...