快捷導(dǎo)航

使用indexOf等在JavaScript的數(shù)組中進(jìn)行元素查找和替換

更新時(shí)間：2013年09月18日 15:46:58 作者：

使用slice、replace、indexOf等等在JavaScript的數(shù)組中進(jìn)行元素的查找和替換，感興趣的朋友可以學(xué)習(xí)下

 
<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','*');//把第一個(gè)b4323424b替換成* 
document.getElementById('t5').value=a.search(/dd4654/);//未找到返回-1 
}; 
//--> 
</script> 
<style type="text/css"> 
<!-- 
input{width:600px} 
//--> 
</style> 
</head> 

<body> 
<table> 
<tr><td>數(shù)組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> 

您可能感興趣的文章:

相關(guān)文章

如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎？”
這篇文章主要介紹了如何實(shí)現(xiàn)chrome瀏覽器關(guān)閉頁面時(shí)彈出“確定要離開此面嗎？”的方法以及相關(guān)資料,需要的朋友可以參考下
2015-03-03
原生js獲取瀏覽器窗口及元素寬高常用方法集合
本文主要介紹了原生js獲取瀏覽器窗口及元素寬高常用方法。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
分享一款超好用的JavaScript 打包壓縮工具
這篇文章主要介紹了寫一個(gè)飛快的 JavaScript 打包壓縮工具，非常好用，本文給大家分享實(shí)現(xiàn)思路,需要的朋友可以參考下
2020-04-04
Array數(shù)組對(duì)象中的forEach、map、filter及reduce詳析
這篇文章主要給大家介紹了關(guān)于Array數(shù)組對(duì)象中forEach、map、filter及reduce的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用array數(shù)據(jù)具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-08-08
常用原生js自定義函數(shù)總結(jié)
下面小編就為大家?guī)硪黄Ｓ迷鷍s自定義函數(shù)總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
es6系列教程_ Map詳解以及常用api介紹
下面小編就為大家?guī)硪黄猠s6系列教程_ Map詳解以及常用api介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
在頁面中引入js的兩種方法(推薦)
下面小編就為大家?guī)硪黄陧撁嬷幸雑s的兩種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
一文帶你搞懂JavaScript中的原型和原型鏈
JavaScript是基于原型繼承的語言,每個(gè)對(duì)象都有一個(gè)原型（prototype）,本文則是重點(diǎn)對(duì)prototype相關(guān)知識(shí)點(diǎn)做拆解和梳理,感興趣的可以了解下
2023-08-08
多種方法判斷Javascript對(duì)象是否存在
我們要判斷一個(gè)全局對(duì)象myObj是否存在，如果不存在，就對(duì)它進(jìn)行聲明，Juriy Zaytsev指出判斷一個(gè)Javascript對(duì)象是否存在，有超過50種寫法，下面為大家介紹幾種比較常用的，感興趣的朋友可以參考下
2013-09-09
JavaScript實(shí)現(xiàn)購物車基本功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)購物車的基本功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07