编程 Javascript

使用indexOf等在JavaScript的数组中进行元素查找和替换

Posted in Javascript onSeptember 18, 2013

<html> 
<head> 
<title> Extend JavaScript Array Method </title> 
<script language="javascript"> 
<!-- 
Array.prototype.indexOf=function(substr,start){ 
var ta,rt,d='\0'; 
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;} 
var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d); 
if(t==-1)return -1;rt+=str.slice(0,t).replace(/[^\0]/g,'').length; 
return rt; 
} Array.prototype.lastIndexOf=function(substr,start){ 
var ta,rt,d='\0'; 
if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;} 
ta=ta.reverse();var str=d+ta.join(d)+d,t=str.indexOf(d+substr+d); 
if(t==-1)return -1;rt+=str.slice(t).replace(/[^\0]/g,'').length-2; 
return rt; 
} 
Array.prototype.replace=function(reg,rpby){ 
var ta=this.slice(0),d='\0'; 
var str=ta.join(d);str=str.replace(reg,rpby); 
return str.split(d); 
} 
Array.prototype.search=function(reg){ 
var ta=this.slice(0),d='\0',str=d+ta.join(d)+d,regstr=reg.toString(); 
reg=new RegExp(regstr.replace(/\/((.|\n)+)\/.*/g,'\\0$1\\0'),regstr.slice(regstr.lastIndexOf('/')+1)); 
t=str.search(reg);if(t==-1)return -1;return str.slice(0,t).replace(/[^\0]/g,'').length; 
} 
window.onload=function(){ 
var a=new Array('aa1321321','b4323424b','cc345345','dd4654','dd4654','b4323424b'); 
document.getElementById('t1').value=a.toString(); 
//document.getElementById('t2').value=a.indexOf('cc345345'); 
//document.getElementById('t3').value=a.lastIndexOf('dd4654'); 
document.getElementById('t4').value=a.replace('b4323424b','*');//把第一个b4323424b替换成* 
document.getElementById('t5').value=a.search(/dd4654/);//未找到返回-1 
}; 
//--> 
</script> 
<style type="text/css"> 
<!-- 
input{width:600px} 
//--> 
</style> 
</head> 
<body> 
<table> 
<tr><td>数组a:</td><td><input id="t1" type="text" /></td></tr> 
<tr><td>a.indexOf('cc345345'):</td><td><input id="t2" type="text" /></td></tr> 
<tr><td>a.lastIndexOf('dd4654'):</td><td><input id="t3" type="text" /></td></tr> 
<tr><td>a.replace(/\d/g,'*'):</td><td><input id="t4" type="text" /></td></tr> 
<tr><td>a.search(/dd4654/):</td><td><input id="t5" type="text" /></td></tr> 
</table> 
</body> 
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

对YUI扩展的Gird组件 Part-1

Mar 10 Javascript

Js base64 加密解密介绍

Oct 11 Javascript

jquery获取img的src值的简单实例

May 17 Javascript

jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结

Jul 07 Javascript

vue自定义指令实现v-tap插件

Nov 03 Javascript

浅谈JavaScript异步编程

Jan 20 Javascript

微信JS-SDK选取手机照片上传功能

Apr 21 Javascript

Angular中ng-options下拉数据默认值的设定方法

Jun 21 Javascript

vue下history模式刷新后404错误解决方法

Aug 18 Javascript

vue-for循环嵌套操作示例

Jan 28 Javascript

js刷新页面location.reload()用法详解

Dec 09 Javascript

JS Array.from()将伪数组转换成数组的方法示例

Mar 23 Javascript

JSON 数字排序多字段排序介绍

Sep 18 #Javascript

json数据与字符串的相互转化示例

Sep 18 #Javascript

如何让DIV可编辑、可拖动示例代码

Sep 18 #Javascript

jQuery extend 的简单实例

Sep 18 #Javascript

Javascript中Event属性搜集整理

Sep 17 #Javascript

js获取html文件的思路及示例

Sep 17 #Javascript

JS的Document属性和方法小结

Sep 17 #Javascript