ECMAScript5 新特性(四)

最新推荐文章于 2023-05-25 07:30:00 发布
最新推荐文章于 2023-05-25 07:30:00 发布
阅读量93 收藏
点赞数
文章标签： prototype 浏览器

 

Function 17: Array.prototype.lastIndexOf

用法和16相似，取得最后一次出现的index

如果浏览器没有实现此方法，你可以通过这种方式实现

 

 

if (!Array.prototype.indexOf) {
	  Array.prototype.indexOf = function(searchElement /*, fromIndex */) {
	    	"use strict";

	    	if (this === void 0 || this === null)
	      		throw new TypeError();

	    	var t = Object(this);
	    	var len = t.length >>> 0;
	    	if (len === 0)
	      		return -1;

	    	var n = 0;
	    	if (arguments.length > 0) {
	      		n = Number(arguments[1]);
	      		if (n !== n)
	        		n = 0;
	      		else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0))
	        		n = (n > 0 || -1) * Math.floor(Math.abs(n));
	    	}

	    	if (n >= len)
	      		return -1;

	    	var k = n >= 0
	          		? n : Math.max(len - Math.abs(n), 0);

	    	for (; k < len; k++) {
	      		if (k in t && t[k] === searchElement)
	        	return k;
	    	}
	    	return -1;
	  };
}

Function 17: Array.prototype.lastIndexOf
用法和16相似，取得最后一次出现参数的index
如果浏览器没有实现此方法，你可以通过这种方式实现
	if (!Array.prototype.lastIndexOf) {
	  	Array.prototype.lastIndexOf = function(searchElement /*, fromIndex*/) {
	    	"use strict";

	    	if (this === void 0 || this === null)
	      		throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (len === 0)
      			return -1;

    		var n = len;
    		if (arguments.length > 0) {
      			n = Number(arguments[1]);
      			if (n !== n)
        			n = 0;
      			else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0))
        			n = (n > 0 || -1) * Math.floor(Math.abs(n));
    		}

    		var k = n >= 0
          			? Math.min(n, len - 1)
          			: len - Math.abs(n);

    		while (k >= 0) {
      			if (k in t && t[k] === searchElement)
        		        return k;
    		        }
    		        return -1;
  	      };
	}

 

 

 

Function 18: Array.prototype.every

 

对于数组中的每一项都执行某个callback function,这个function的参数为当前数组元素，当前元素index，整个数组。当function中返回为false的时候，停止循环数组。仅当返回为true的时候继续循环

 

function isBigEnough(element, index, array) {
	return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true

 

 当浏览器没有实现此方法时，可以用以下方式代替

 

if (!Array.prototype.every) {
  	Array.prototype.every = function(fun /*, thisp */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		      throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof fun !== "function")
	      	       throw new TypeError();

	    	var thisp = arguments[1];
	    	for (var i = 0; i < len; i++) {
	      	        if (i in t && !fun.call(thisp, t[i], i, t))
	        	        return false;
	    	}

	    	return true;
  	};
}

 

 

 

Function 19: Array.prototype.some

大致意思和every有些相似，当数组中有一个元素符合要求，就会返回true。所以callback中，一旦返回true，就不再循环，返回false则继续循环。

 

	function isBigEnough(element, index, array) {
	  return (element >= 10);
	}
	var passed = [2, 5, 8, 1, 4].some(isBigEnough);
	// passed is false
	passed = [12, 5, 8, 1, 4].some(isBigEnough);
	// passed is true

 

 

 

当浏览器不支持的时候，你可以用以下代码代替

 

if (!Array.prototype.some) {
  	Array.prototype.some = function(fun /*, thisp */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		        throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof fun !== "function")
      		        throw new TypeError();

    		var thisp = arguments[1];
    		for (var i = 0; i < len; i++) {
      		if (i in t && fun.call(thisp, t[i], i, t))
        		return true;
    		}

    		return false;
  	};
}

 

 

 

Function 20: Array.prototype.forEach

 

此函数对数组的所有元素循环执行一个callback function

 

        function printElt(element, index, array) {
	    print("[" + index + "] is " + element); // assumes print is already defined
	}
	[2, 5, 9].forEach(printElt);
	// Prints:
	// [0] is 2
	// [1] is 5
	// [2] is 9

 

 当浏览器没有实现的时候，你可以通过如下方法代替

 

 

 

if (!Array.prototype.forEach) {
  	Array.prototype.forEach = function(fun /*, thisp */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		        throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof fun !== "function")
      		        throw new TypeError();

    		var thisp = arguments[1];
    		for (var i = 0; i < len; i++) {
      		if (i in t)
        		fun.call(thisp, t[i], i, t);
    		}
  	};
}
 

 

Function 21: Array.prototype.map

循环数组每个元素，用于执行callback，之后返回循环结果作为一个新数组，而原数组不变.

Sample1:

 

function makePseudoPlural(single) {
  	return single.replace(/o/g, "e");
}

var singles = ["foot", "goose", "moose"];
var plurals = singles.map(makePseudoPlural);
// plurals is ["feet", "geese", "meese"]
// singles is unchanged 

 

Sample2

 

 

var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
// roots is now [1, 2, 3]
// numbers is still [1, 4, 9]

如果浏览器没有实现，则可以用如下方法代替

 

if (!Array.prototype.map) {
  	Array.prototype.map = function(fun /*, thisp */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		      throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof fun !== "function")
      		      throw new TypeError();

    		var res = new Array(len);
    		var thisp = arguments[1];
 		for (var i = 0; i < len; i++) {
      		       if (i in t)
        	             res[i] = fun.call(thisp, t[i], i, t);
    	}

    	return res;
};

 

 

 

Function 22: Array.prototype.filter

 

从数组中筛选出符合callback条件的元素，如果callback中返回true，则此元素会被加入到新数组中

 

function isBigEnough(element, index, array) {
	return (element >= 10);
}
// 12, 130, 44
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);

 

 如果浏览器没有实现，则可以用如下方式代替:

 

if (!Array.prototype.filter) {
	Array.prototype.filter = function(fun /*, thisp */) {
		"use strict";

	    	if (this === void 0 || this === null)
	      	        throw new TypeError();

	    	var t = Object(this);
	    	var len = t.length >>> 0;
	    	if (typeof fun !== "function")
	      	        throw new TypeError();

	    	var res = [];
	    	var thisp = arguments[1];
	    	for (var i = 0; i < len; i++) {
	      	        if (i in t) {
	        		var val = t[i]; // in case fun mutates this
	        		if (fun.call(thisp, val, i, t))
	          			res.push(val);
	    		}
		}
		return res;
	};
}
 

 

Function 23: Array.prototype.reduce

 

这个函数有两个参数，第一个为callback function，第二个为初始值。

Callback function的格式为:

.reduce(function(previousValue, currentValue, index, array){ // ...})

 

 

如果没有设置初始值， previousValue从第一个元素开始， currentValue从第二个元素开始循环。
总共循环Array.prototype.length – 1次。
如果设置了初始值，previousValue从初始值开始，currentValue从第一个元素开始循环。
总共循环Array.prototype.length次。
最后返回最后一次callback function调用的结果.
Sample:
var total = [0, 1, 2, 3].reduce(function(a, b){ return a + b; });
// total == 6

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
	return a.concat(b);
});
// flattened is [0, 1, 2, 3, 4, 5]
 

 

 

如果浏览器没有实现，则可用以下代码代替

 

 

 

 

 

if (!Array.prototype.reduce) {
  	Array.prototype.reduce = function(fun /*, initialValue */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		       throw new TypeError();

   	 	var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof fun !== "function")
      		       throw new TypeError();

    		// no value to return if no initial value and an empty array
    		if (len == 0 && arguments.length == 1)
      		       throw new TypeError();

    		var k = 0;
    		var accumulator;
    		if (arguments.length >= 2) {
      		       accumulator = arguments[1];
    		} else {
      		       do {
        			if (k in t) {
          				accumulator = t[k++];
          				break;
        			}

        			// if array contains no values, no initial value to return
       	 		        if (++k >= len)
          				throw new TypeError();
      		        } while (true);
    		}

    		while (k < len) {
      		        if (k in t)
        			accumulator = fun.call(undefined, accumulator, t[k], k, t);
      		        k++;
    		}

    		return accumulator;
	};
}
 

 

 

Function 24: Array.prototype.reduceRight

 

这个函数有两个参数，第一个为callback function，第二个为初始值。

 

Callback function的格式为:

.reduce(function(previousValue, currentValue, index, array){
  // ...
})

 

 

 

 

如果没有设置初始值， previousValue从最后一个元素开始， currentValue从倒数第二个元素开始循环。
总共循环Array.prototype.length – 1次。
如果设置了初始值，previousValue从初始值开始，currentValue从最后一个元素开始循环。
总共循环Array.prototype.length次。
最后返回最后一次callback function调用的结果.
Sample：
var total = [0, 1, 2, 3].reduceRight(function(a, b) { return a + b; });
//total == 6

var flattened = [[0, 1], [2, 3], [4, 5]].reduceRight(function(a, b) {
  	return a.concat(b);
}, []);
// flattened is [4, 5, 2, 3, 0, 1]
 如果浏览器没有实现，则可以用如下代码代替 
if (!Array.prototype.reduceRight) {
  	Array.prototype.reduceRight = function(callbackfn /*, initialValue */) {
    		"use strict";

    		if (this === void 0 || this === null)
      		        throw new TypeError();

    		var t = Object(this);
    		var len = t.length >>> 0;
    		if (typeof callbackfn !== "function")
      		        throw new TypeError();

    		// no value to return if no initial value, empty array
    		if (len === 0 && arguments.length === 1)
      		        throw new TypeError();

    		var k = len - 1;
    		var accumulator;
    		if (arguments.length >= 2) {
      		        accumulator = arguments[1];
    		} else {
	      	        do {
	      	  	        if (k in this) {
	          			accumulator = this[k--];
	          			break;
	        		}

	        		// if array contains no values, no initial value to return
	 	       	        if (--k < 0)
	      	    		        throw new TypeError();
	      	         } while (true);
	    	}

    		while (k >= 0) {
      		          if (k in t)
        			accumulator = callbackfn.call(undefined, accumulator, t[k], k, t);
      		          k--;
    		}

		return accumulator;
  	};
}
 

 

iteye_13492
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ECMAScript 5 新特性使用---bind
我仅仅是一个Coder
02-12 863
Function Function.prototype.bind
ECMAScript6 新特性范例大全
10-20
ECMAScript6，也称为ES2015，是JavaScript语言的一个重要版本更新，引入了许多新的特性和语法改进，使得代码更加简洁、易读。以下是一些关键的新特性及其范例： 1. **箭头函数**： 箭头函数提供了一种更简洁的函数...
ECMAScript5——对象属性的特性对象
Mr.ShyZhang趟过的前端“小路坑”
06-02 645
对象属性的特性对象    在ES3.1中，只要对象能被访问，我们就可以任意操作对象。例如： 添加属性、 删除属性、修改值    在ES3.1中， 对象的属性的可访问性永远是true    在ES5中，对象变得更严格了。 利用某种方式设置了对象属性的可访问性。    其中就是利用“特性”来控制对象属性的可访问性。Object.defineProperty（）作用：  用于设置对象的单个属性特性。使用...
ECMAScript5 新特性(一)
rainsilence
01-23 120
  Function 1: Object.create 这是一个很重要的改动，现在我们终于可以得到一个原型链干净的对象了。以前要创建一个类   function Cat(name) { this.name = name; ...
《JavaScript高级程序设计》笔记第一部分（ECMA5）
canxuezhang的博客
10-20 334
JavaScript分三部分： ECMAScript BOM DOM
ECMAScript 6 新特性详解
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
05-25 1147
ECMAScript 6，也称为ECMAScript2015，是ECMAScript标准的最新版本。ES6是该语言的一次重大更新，也是自2009年ES5标准化以来该语言的首次更新。目前正在主要的JavaScript引擎中实现这些功能。有关ECMAScript 6语言的完整规范，请参阅ES6标准。箭头函数类增强对象字面量模板字符串解构赋值默认参数、剩余参数、展开操作符let、constIterators（迭代器）、for ofGenerators（生成器）
ECMAscript常用新特性积累1
08-08
随着技术的发展，新的版本不断推出，引入了许多创新特性和改进。以下是一些在ES5、ES6（也称为ES2015）以及ES7（ES2016）中的常见新特性： 1. **保留关键字**：在ES5中，有一些保留关键字如`catch`，不能用作变量名...
ES6(ECMAScript 6)新特性之模板字符串用法分析
08-30
ES6（ECMAScript 6）是JavaScript语言的一次重大更新，其中引入了许多新特性，其中之一就是模板字符串。模板字符串的出现，极大地提升了JavaScript中处理字符串的便捷性和可读性，尤其是在字符串插值方面。 首先，...
ECMAScript 6新特性
02-16
本人看过《深入浅出ES6》后把一百多页去除水分，总结成十来页的文档，方便快速入门。
【Datawhale AI 夏令营第三期学习笔记Taks1】 跑通baseline #Datawhale AI 夏令营
07-28
【Datawhale AI 夏令营第三期学习笔记Taks1】 跑通baseline #Datawhale AI 夏令营
餐厅营销策划方案.doc
07-28
商业计划书，创业计划书，项目计划书，计划书模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
OpenMv串口通信，接收数据
07-28
OpenMV 是一个开源的机器视觉平台，它为嵌入式系统提供了强大的图像处理能力。OpenMV 主要面向对机器视觉有需求的开发者和爱好者，通过其强大的微控制器和摄像头模块，用户可以在低成本的前提下实现复杂的视觉任务。OpenMV 既可以用于教育领域，帮助学生理解图像处理和计算机视觉的基础知识，也可以用于工业应用，实现自动化检测、分类和导航等功能。 在 OpenMV 系统中，通信模块是实现与其他设备或系统互联互通的关键部分。OpenMV 支持多种通信协议，包括串口通信（UART）、I2C、SPI、CAN 和 USB 等。这些通信接口使得 OpenMV 可以方便地与各种传感器、执行器以及其他嵌入式设备进行数据交换，从而扩展其应用范围和功能。 串口通信（UART）是一种广泛应用于嵌入式系统的通信方式，具有实现简单、成本低廉的优点。OpenMV 的 UART 接口可以与单片机、PC 甚至其他 OpenMV 板卡进行数据传输，使得图像数据和处理结果能够及时传递给其他系统。这个是电赛智能送药小车利用openMv进行的串口通信接收数据的代码
【2021】新能源汽车简史：电动汽车沉浮录-Fastdata极数_62页.pdf
07-28
【2021】新能源汽车简史：电动汽车沉浮录-Fastdata极数_62页.pdf
【20210727】汽车行业：多因素共振导致6月乘用车销量同比走弱新能源车延续强势增长-中国银河_18页.pdf
07-28
【20210727】汽车行业：多因素共振导致6月乘用车销量同比走弱新能源车延续强势增长-中国银河_18页.pdf
多无人作战飞机编队空战智能决策方法
07-28
针对多无人机编队空战战术决策问题，提出了基于案例推理（CBR）和规则推理（RBR）的战术决策方法。 在剖析战术决策案例特征的基础上，设计了一种基于框架结构的案例表示方法，并引入结构相似度和云模型理论以 改进传统的最近邻检索算法。最后，借用基于案例推理和规则推理设计的战术决策 GUI 界面，能够快速地从库中检 索出与当前空战态势最匹配的战术决策源案例，仿真结果证明该方法具有较好的有效性。
mysql-萌宠优购系统（源码+数据库）.rar
07-28
一、目的： 萌宠优购系统的开发主要是对购物车以及商品管理等功能的设计，用现有的技术进行系统设计，快速的处理信息。与管理员而言要方便对信息进行管理，而与用户交互的界面需要更美观、更具操作性，让用户使用起来轻松愉快，从而使得用户对本系统有一个依赖。 二、主要内容： 用户：用户注册、用户登录、浏览宠物、宠物收藏、加入购物车、宠物下单、查看订单、宠物评价、地址维护。 1.用户注册、登录：游客要进入商城购买宠物必须先注册，注册需要输入相应的信息，比如：用户名、密码等，输入信息不能为空，输入完成点击注册按钮，若所注册用户名已存在则注册失败，需要重新注册，若不存在则注册成功，成为萌宠优购的用户。注册成功后，输入正确的信息进行登录，登录成功后进入系统首页。 2.浏览宠物：用户进入系统首页，对宠物进行浏览挑选，也可以进行搜索用户自己感兴趣的小宠物进行浏览。 3.宠物收藏：在浏览的过程中遇到特别喜欢的小宠物加入收藏夹，方便下次查找。 4.加入购物车：用户可以将喜欢的小宠物加入购物车，等到想要购买的时候方便下单。
【20220617】新能源汽车行业：新能源豪华车正爆发，首推理想汽车！-东吴证券_45页.pdf
07-28
【20220617】新能源汽车行业：新能源豪华车正爆发，首推理想汽车！-东吴证券_45页.pdf
基于深度学习的行人检测系统，用于探测车前的行人并发出警告-可执行内含文档代码-可执行内含文档代码.zip
07-28
基于深度学习的行人检测系统，用于探测车前的行人并发出警告-可执行内含文档代码-可执行内含文档代码.zip
小程序-数独小游戏（源码）.zip
最新发布
07-28
小程序-数独小游戏（源码）.zip
ECMAScript6新特性详解
本书主要介绍的是ECMAScript6，也称为ES6，这是JavaScript语言的一个重要版本更新，它引入了大量的新特性和改进，旨在提高开发效率和代码质量。JavaScript是一种广泛使用的脚本语言，主要应用于Web浏览器，但也可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值