Javascript 1.6 数组新增方法介绍之 lastIndexOf()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 lastIndexOf() – 示例

语法

 
var index = array.lastIndexOf(searchElement[, fromIndex]);

参数说明

searchElement: 要搜索的元素

fromIndex : 开始搜索的位置,默认为数组的长度(length),在这样的情况下,将搜索所有的数组元素。如果传入的值大于或等于数组的范围(length),将搜索整个数组,如果传入的值小于 0 ,将返回 -1 ,在这样的情况下,搜索操作将不被执行。搜索是反方向进行的。

功能说明

比较 searchElement 和数组的每个元素是否绝对一致(===),当有元素符合条件时,返回当前元素的索引。如果没有发现,就直接返回 -1 。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 lastIndexOf() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.lastIndexOf)
{
	Array.prototype.lastIndexOf = function(elt /*, from*/)
	{
		var len = this.length;
 
		var from = Number(arguments[1]);
		if (isNaN(from))
		{
			from = len - 1;
		}
		else
		{
			from = (from < 0)
				? Math.ceil(from)
				: Math.floor(from);
			if (from < 0)
				from += len;
			else if (from >= len)
				from = len - 1;
		}
 
		for (; from > -1; from--)
		{
			if (from in this && this[from] === elt)
				return from;
		}
		return -1;
	};
}
</script>

Javascript 1.6 数组新增方法介绍之 indexOf()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 indexOf() – 示例

语法

 
var index = array.indexOf(searchElement[, fromIndex]);

参数说明

searchElement: 要搜索的元素

fromIndex : 开始搜索的位置,默认为 0 ,在这样的情况下,将搜索所有的数组元素。如果传入的值大于或等于数组的范围(length),将返回 -1 ,在这样的情况下,搜索操作将不被执行。如果传入的值小于 0 ,仍然会搜索整个数组。

功能说明

比较 searchElement 和数组的每个元素是否绝对一致(===),当有元素符合条件时,返回当前元素的索引。如果没有发现,就直接返回 -1 。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 indexOf() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.indexOf)
{
	Array.prototype.indexOf = function(elt /*, from*/)
	{
		var len = this.length;
 
		var from = Number(arguments[1]) || 0;
		from = (from < 0)
			? Math.ceil(from)
			: Math.floor(from);
		if (from < 0)
			from += len;
 
		for (; from < len; from++)
		{
			if (from in this && this[from] === elt)
				return from;
		}
		return -1;
	};
}
 
</script>

Javascript 1.6 数组新增方法介绍之 some()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 some() – 示例

语法

 
var someElementPassed = array.some(callback[, thisObject]);

参数说明

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明

对数组中的每个元素都执行一次指定的函数(callback),直到此函数返回 true,如果发现这个元素,some 将返回 true,如果回调函数对每个元素执行后都返回 false ,some 将返回 false。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

some 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 some() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.some)
{
	Array.prototype.some = function(fun /*, thisp*/)
	{
		var len = this.length;
		if (typeof fun != "function")
			throw new TypeError();
 
		var thisp = arguments[1];
		for (var i = 0; i < len; i++)
		{
			if (i in this && fun.call(thisp, this[i], i, this))
				return true;
		}
 
		return false;
	};
}
 
</script>

Javascript 1.6 数组新增方法介绍之 map()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 map() – 示例

语法

 
var mappedArray = array.map(callback[, thisObject]);

参数说明

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明

对数组中的每个元素都执行一次指定的函数(callback),并且以每次返回的结果为元素创建一个新数组。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

map 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 map() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.map)
{
	Array.prototype.map = function(fun /*, thisp*/)
	{
		var len = this.length;
		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 this)
				res[i] = fun.call(thisp, this[i], i, this);
		}
 
		return res;
	};
}
 
</script>

Javascript 1.6 数组新增方法介绍之 filter()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 filter() – 示例

语法

 
var filteredArray = array.filter(callback[, thisObject]);

参数说明

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明

对数组中的每个元素都执行一次指定的函数(callback),并且创建一个新的数组,该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的数组也不会包含这些元素。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

filter 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 filter() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.filter)
{
	Array.prototype.filter = function(fun /*, thisp*/)
	{
		var len = this.length;
		if (typeof fun != "function")
			throw new TypeError();
 
		var res = new Array();
		var thisp = arguments[1];
		for (var i = 0; i < len; i++)
		{
			if (i in this)
			{
				var val = this[i]; // in case fun mutates this
				if (fun.call(thisp, val, i, this))
					res.push(val);
			}
		}
 
		return res;
	};
}
 
</script>

Javascript 1.6 数组新增方法介绍之 every()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 every() – 示例

语法

 
var allPassed = array.every(callback[, thisObject]);

参数说明

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明

对数组中的每个元素都执行一次指定的函数(callback),直到此函数返回 false,如果发现这个元素,every 将返回 false,如果回调函数对每个元素执行后都返回 true ,every 将返回 true。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

every 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 every() 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.every)
{
	Array.prototype.every = function(fun /*, thisp*/)
	{
		var len = this.length;
		if (typeof fun != "function")
			throw new TypeError();
 
		var thisp = arguments[1];
		for (var i = 0; i < len; i++)
		{
			if (i in this && !fun.call(thisp, this[i], i, this))
			return false;
		}
 
		return true;
	};
}
 
</script>

Javascript 1.6 数组新增方法介绍之 forEach()

自 FireFox 1.5 起,开始支持 JavaScript 1.6 , 在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法,本站将发布一个系列文章对这几个新增方法进行介绍。

遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时提供了在不支持这些新特性的浏览器中的实现方法。

Javascript 1.6 数组新增方法介绍之 forEach() – 示例

语法

 
array.forEach(callback[, thisObject]);

参数说明

callback: 要对每个数组元素执行的回调函数。
thisObject : 在执行回调函数时定义的this对象。

功能说明

对数组中的每个元素都执行一次指定的函数(callback)。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。

回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使用全局对象。

forEach 不会改变原有数组,记住:只有在回调函数执行前传入的数组元素才有效,在回调函数开始执行后才添加的元素将被忽略,而在回调函数开始执行到最后一个元素这一期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。

在不支持此属性的浏览器下可以用下面的代码:

 
<script language="JavaScript" type="text/javascript">
 
// 说明:Javascript Array 的 forEach 方法
// 整理:http://www.CodeBit.cn
// 来源:http://developer.mozilla.org
 
if (!Array.prototype.forEach)
{
	Array.prototype.forEach = function(fun /*, thisp*/)
	{
		var len = this.length;
		if (typeof fun != "function")
			throw new TypeError();
 
		var thisp = arguments[1];
		for (var i = 0; i < len; i++)
		{
			if (i in this)
				fun.call(thisp, this[i], i, this);
		}
	};
}
 
</script>

给 Javascript 数组添加一个 indexOf 方法

Javascript 的字符串有个 indexOf 的方法,能够返回字符在指定的字符串中的位置,非常有用,本文介绍了如何给 Javascript 数组也添加一个类似的方法。

给 Javascript 数组添加一个 indexOf 方法 – 示例

 
<script type="text/javascript">
//<![CDATA[
// 说明:给 Javascript 数组添加一个 indexOf 方法
// 整理:http://www.CodeBit.cn

[].indexOf || (Array.prototype.indexOf = function(v){
       for(var i = this.length; i-- && this[i] !== v;);
       return i;
});

var b = [0, 1, '哈哈', 3, 4, '嘿嘿', 6, 7, 8, 9];

document.write("<br /><br /><br />b = ", b.join(","), "<br />");

document.write("<br />b.indexOf(2) = ", b.indexOf(2));
document.write("<br />b.indexOf('嘿嘿') = ", b.indexOf('嘿嘿'));

//]]>
</script>