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;
};
}
分享到：
相关推荐
本人看过《深入浅出ES6》后把一百多页去除水分，总结成十来页的文档，方便快速入门。
随着技术的发展，新的版本不断推出，引入了许多创新特性和改进。以下是一些在ES5、ES6（也称为ES2015）以及ES7（ES2016）中的常见新特性： 1. **保留关键字**：在ES5中，有一些保留关键字如`catch`，不能用作变量名...
12. **ECMAScript5**：ECMAScript是JavaScript的标准，第五版引入了严格模式、对象字面量的改进、JSON支持、函数绑定、数组和对象的新方法等特性。 13. **函数式编程**：虽然JavaScript并非纯函数式语言，但其支持...
ECMAScript6，也称为ES2015，是JavaScript语言的一个重要版本更新，引入了许多新的特性和语法改进，使得代码更加简洁、易读。以下是一些关键的新特性及其范例： 1. **箭头函数**： 箭头函数提供了一种更简洁的函数...
### ECMAScript 5 版本特性解析 #### 引言 随着互联网技术的迅猛发展，JavaScript 作为一种广泛应用于浏览器端的脚本语言，其重要性日益凸显。为了更好地满足开发者的实际需求并提高编程效率，ECMAScript 第五版...
本压缩包包含的是ECMAScript的三个重要版本：ECMAScript 5（ES5）、ECMAScript 6（ES6，也称为ES2015）以及ECMAScript 2018（ES2018）。这些版本在JavaScript的发展历程中扮演了关键角色，引入了许多新的特性和改进...
ECMAScript Second Edition javascript新特性2018年7月最新版本
ECMAScript 5（简称ES5）是ECMAScript的一个重要版本，带来了许多新特性，这些新特性在《JavaScript高级程序设计（第3版）学习笔记13 ECMAScript5新特性》中被详细讨论。 ES5相对于之前版本，如ECMAScript 3（简称...
ECMAScript 6，简称ES6，是JavaScript语言的一个重要版本更新，引入了许多新的特性和语法改进。本文将深入探讨其中两个关键特性：`let` 和 `const`。 `let` 是ES6中用于声明变量的新关键字，它解决了在ES5中`var`...
ESLint：ESLint规则详解：ECMAScript6+特性.docx
ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本更新，引入了大量的新特性和语法糖，对前端开发领域产生了深远影响。 1. **变量声明** - `let` 和 `const`: ES6 引入了新的变量声明方式，`let` 用于...
综上所述，《ECMAScript2016标准入门(第三版)》不仅详细介绍了ES2016的新特性，而且还提供了丰富的示例帮助读者理解和应用这些特性。无论是对于初学者还是有一定经验的开发者来说，这本书都是学习ES2016不可多得的好...
5. 正则的扩展 6. 数值的扩展 7. 函数的扩展 8. 数组的扩展 9. 对象的扩展 10. Symbol 11. Set 和 Map 数据结构 12. Proxy 13. Reflect 14. Promise 对象 15. Iterator 和 for...of 循环 16. Generator 函数的语法 ...
#### 四、ECMAscript的语法规则 - **大小写敏感性**：ECMAscript中的标识符、函数名等都区分大小写。 - **注释**：支持单行注释（`//`）和多行注释（`/* ... */`），用于添加说明或临时禁用代码片段。 - **语句和...
随着技术的不断演进，JavaScript也在持续发展，从最初的ECMAScript 3到现在的ECMAScript 6（也被称为ES2015），它带来了许多新特性和改进，显著提升了开发者的效率和代码的可维护性。以下将详细介绍JavaScript的发展...
本说明将深入探讨ECMAScript 5.1的主要特性和关键知识点。 1. **类型系统** - 基本类型：ECMAScript 5.1中有五种基本数据类型，包括Undefined、Null、Boolean、Number和String，以及一个特殊类型Object。 - 引用...
ES6之前的版本包括1、2、3、5，而没有4版，这是因为在制定ES4时，提出的特性过于激进且复杂，例如内建静态类型系统，导致最终该版本未能通过，于是标准委员会在ES4的基础上发布了较为温和的ES5版本。ES5引入了一系列...
资源名称：ECMAｓｃｒｉｐｔ2018规范内容简介：ECMAｓｃｒｉｐｔ 2018（第九版 JS）已于 6 月底正式发布，带来了许多新特性。ECMAｓｃｒｉｐｔ 2018 于今年2月出炉草案，TC39 技术委员会每两个月开会一次，讨论当前...
#### 四、QML中的ECMAScript 在QML中，ECMAScript主要用于编写逻辑和处理事件。例如，可以在QML文件中使用ECMAScript代码来响应某个事件或者计算某个属性的值。 ```qml import QtQuick 2.2 Rectangle { width: ...