ECMA5数组的新增方法有哪些及forEach()模仿实现


Posted in Javascript onNovember 03, 2015

下面通过一段代码示例给大家介绍ECMA5数组的新方法forEach()模仿实现,具体代码如下所示,

var o = {
       forEach: function (callback) {
         // alert(this.length);
         for (var i = , len = this.length; i < len; i++) {
           callback && callback(this[i], i, this);
         }
       },
       get length(){
         var sum=;
         for(var n in this) {
           sum+=;
         }
         return sum;
       }
     };
     Object.defineProperty(o,"length",{enumerable:false});
     Object.defineProperty(o,"forEach",{enumerable:false});
     o[] = ;
     o[] = ;
     o[] = ;
     o.forEach(function(v,i,arr){
       arr[i]=v+;
       console.log(arr[i]+"callback");
     });

值得注意的是:

1.回调函数的使用

2.defineProperty以及defineProperties函数的意义

这两个函数都可以定义对象属性的四大特性--值,可写性,可枚举性,可配置性

下面还有点时间给大家介绍ECMA5中数组新增的几个方法如下所示:

今天在做练习的时候,偶遇fitter();以前看过这些数组的新方法,但一直没有用在实战中,趁着今天在复习一次;

forEaach()

这个方法是从头到尾遍历一个数组,然后为数组中的每个元素调用指定的函数。这个函数作为foreach的第一个参数。调用的函数可以有3个参数,分别是当前的数组元素,当前元素的索引,以及被遍历的数组,如果只有一个参数,那么这个参数就是当前的数组元素。

var data = [1,2,3,4,5] ;
// 计算数组的和
var sum = 0 ; 
data.forEach(function(value){sum += value; }); // 这里的value 分别代指 data[0~4];
console.log( sum ) // 15
// 每个数组元素自加1
data.forEach(function(v, i, a){ a[i] = v + 1; }) // v 分别代指 data[0~4]; a 代指data;
map() ;

map()方法将调用的数组的每个元素传递给制定的函数,并且返回一个数组(和调用数组的格式一模一样),塔包含改函数的返回值,注意:它必须有一个返回值,并且不会改变调用他的数组。

var a = [1,2,3];
b = a.map(function(x) { return x * x; });
filter()

这个函数的返回值是调用函数的一个子集,因为传给他的函数式用来做逻辑判断,如果为true,则把当前值推入这个要返回的子集数组中。

var getNum = function (a, b, k) {
return a.filter(function (v) {return b.indexOf(v) > -1;})[k-1];
}
var A = [3,4,5,6,7,8,9];
var B = [12,10,8,6];
console.log(getNum(A, B, 1))
console.log(getNum(A, B, 2));
every() some() ;

这两个函数的参数都是一个判定函数,对数组元素进行判断,而返回值为true或者false ;

在every()中只有当所有的数组元素调用判定函数且返回true ,其返回值才为true;有点类似&;

在some()中,只要有一个数组元素调用判定函数为true,就会返回true。

Javascript 相关文章推荐
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
JS中表单的使用小结
Jan 11 Javascript
js加载读取内容及显示与隐藏div示例
Feb 13 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
jQuery+css实现炫目的动态块漂移效果
Jan 28 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
jQuery实现的简单分页示例
Jun 01 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
vue iview 隐藏Table组件里的某一列操作
Nov 13 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 #Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 #Javascript
jQuery实用技巧必备(中)
Nov 03 #Javascript
jQuery实用技巧必备(上)
Nov 02 #Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 #Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 #Javascript
jquery实现简洁文件上传表单样式
Nov 02 #Javascript
You might like
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
php商品对比功能代码分享
2015/09/24 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
AngularJS 避繁就简的路由
2016/07/01 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
2016/08/03 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
vue-router 2.0 跳转之router.push()用法说明
2020/08/12 Javascript
js实现点击按钮随机生成背景颜色
2020/09/05 Javascript
选择Python写网络爬虫的优势和理由
2019/07/07 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
python怎么自定义捕获错误
2020/06/29 Python
请解释virtual关键字的含义
2015/06/17 面试题
代码中finally中的代码会不会执行
2012/02/06 面试题
仓库主管的岗位职责
2013/12/04 职场文书
采购部部长岗位职责
2014/02/06 职场文书
初三学习决心书
2014/03/11 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
新闻人物通讯稿
2014/10/09 职场文书
2015年酒店前台工作总结
2015/04/20 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
Windows中Redis安装配置流程并实现远程访问功能
2021/06/07 Redis