一個(gè)對(duì)于Array的簡(jiǎn)單擴(kuò)展
更新時(shí)間:2006年10月03日 00:00:00 作者:
其實(shí)就是 prototype 1.4中 枚舉對(duì)象部分 的簡(jiǎn)化版本,
先貼代碼,等下再一一解釋,對(duì)初學(xué)者可能有幫助
最近一直在學(xué)習(xí)Python,一直感嘆于python中 list的靈活,
同樣都是數(shù)組,為什么javascript不能和python中的一樣靈活呢,
(其實(shí)下面這些 prototype 1.4已經(jīng)實(shí)現(xiàn)了,不過(guò) prototype太胖了,你知道的,我對(duì)胖女人不感興趣)
于是就有了下面的代碼.....
<script>
Array.prototype.map = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) arr.push(f(this[i]))
return arr
}
Array.prototype.each = function(f) {
for(var i=0;i<this.length;i++) f(this[i])
}
Array.prototype.find = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return this[i]
return null
}
Array.prototype.findAll = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i])
return arr
}
Array.prototype.getPart = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return [this.slice(0,i+1),this.slice(i+1)]
}
Array.prototype.all = function(f) {
for(var i=0;i<this.length;i++) if (!f(this[i])) return false
return true
}
Array.prototype.any = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return true
return false
}
Array.prototype.grep = function(regex,f) {
var arr=[]
for(var i=0;i<this.length;i++){
if (this[i].toString().match(regex)) arr.push((f || function(x){return x})(this[i]))
}
return arr
}
Array.prototype.include = function(v) {
for(var i=0;i<this.length;i++) if (this[i]==v) return true
return false
}
Array.prototype.indexOf = function(v) {
for(var i=0;i<this.length;i++) if (this[i]==v) return i
return -1
}
Array.prototype.inject = function(v,f) {
var vv=v
for(var i=0;i<this.length;i++) vv=f(vv,this[i])
return vv
}
Array.prototype.max=function(){
var v=this[0];
for(var i=0;i<this.length;i++) if (this[i]>v) v=this[i]
return v
}
Array.prototype.min=function(){
var v=this[0];
for(var i=0;i<this.length;i++) if (this[i]<v) v=this[i]
return v
}
Array.prototype.partition = function(f) {
var arr1=[],arr2=[]
for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i])
return [arr1,arr2]
}
</script>
<textarea id=o>
這里有很多文本和script塊,而且script塊的數(shù)目不定
<script>alert(1)</script>
<script>
function fff(){
alert("fff function")
}
fff()</script>
<script>alert("last alert()")</script>
</textarea>
<script>
//對(duì)數(shù)組中每個(gè)元素都調(diào)用函數(shù)f執(zhí)行,并把執(zhí)行的結(jié)果按數(shù)組原排列順序返回,返回一個(gè)數(shù)組
Array.prototype.map = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) arr.push(f(this[i]))
return arr
}
//對(duì)數(shù)組中每個(gè)元素都調(diào)用函數(shù)f執(zhí)行,只執(zhí)行,不返回結(jié)果
Array.prototype.each = function(f) {
for(var i=0;i<this.length;i++) f(this[i])
}
//最簡(jiǎn)單的例子
var arr=[3,1,5,2,7]
var arr2=arr.map(function(x){return x*x})
alert(arr2)
//取整
var arr3=[3.121,1.555,5.8,2.0,7.9]
var arr4=arr3.map(Math.round)
alert(arr4)
//返回?cái)?shù)組中每個(gè)字符串的長(zhǎng)度
var a1=["dasfsdfas","dasffdfs","ds","2","cccccc"]
var a2=a1.map(function(x){return x.length})
alert(a2)
//這個(gè)例子比較常用,比如用ajax抓了一個(gè)頁(yè)面,怎么執(zhí)行頁(yè)面中的所有script塊呢?
var f=function(s){return s.replace(/^<script.*?>/,"").replace(/<\/script>$/,"")}
o.value.match(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/gi).map(f).each(eval)
//更復(fù)雜的例子
// http://community.csdn.net/Expert/topic/4796/4796192.xml?temp=.2977564
</script>
<script>
//獲取第一個(gè)使函數(shù)f為真的元素,如果找不到返回null
Array.prototype.find = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return this[i]
return null
}
//獲取所有使函數(shù)f為真的元素,如果找不到返回空數(shù)組
Array.prototype.findAll = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i])
return arr
}
//在數(shù)組中找一個(gè)偶數(shù)
var arr=[3,1,5,2,7,8,1,0,10]
var v=arr.find(function(x){return x%2==0})
alert(v)
//找所有偶數(shù)
var arr2=arr.findAll(function(x){return x%2==0})
alert(arr2)
</script>
<script>
//返回一個(gè)包含兩個(gè)元素的數(shù)組。這兩個(gè)元素都是一個(gè)數(shù)組 arr1是所有能讓f為真的元素組成的數(shù)組 arr2是剩下的元素
Array.prototype.partition = function(f) {
var arr1=[],arr2=[]
for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i])
return [arr1,arr2]
}
//只有數(shù)組中所有元素都能讓f為真才返回真
Array.prototype.all = function(f) {
for(var i=0;i<this.length;i++) if (!f(this[i])) return false
return true
}
//只要存在任何一個(gè)元素能讓f為真就返回真
Array.prototype.any = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return true
return false
}
//尋找偶數(shù)和奇數(shù)
var arr=[3,1,5,2,7,8,1,0,10]
var a=arr.partition(function(x){return x%2==0})
alert(a[0]) //返回所有偶數(shù)
alert(a[1]) //所有奇數(shù)
var b=arr.all(function(x){return x%2==0}) //檢查是不是數(shù)組中所有元素都是偶數(shù)
var c=arr.any(function(x){return x%2==0}) //檢查數(shù)組中是不是存在偶數(shù)
alert(b)
alert(c)
</script>
Array.prototype.grep = function(regex,f)
用給出的正則表達(dá)式去匹配數(shù)組中的每一個(gè)元素,
對(duì)符合匹配的元素返回一個(gè)數(shù)組,當(dāng)然,如果存在函數(shù)f,匹配結(jié)果還要通過(guò)函數(shù)f的處理
if (!Array.prototype.push){ //好象 ie5.0以下不支持 push()方法
Array.prototype.push=function(){
for(var i=0;i<arguments.length;i++){
this [this.length] = arguments[i];
}
return this.length;
}
}
//var arr=[]
//arr.push("1","2","3")
先貼代碼,等下再一一解釋,對(duì)初學(xué)者可能有幫助
最近一直在學(xué)習(xí)Python,一直感嘆于python中 list的靈活,
同樣都是數(shù)組,為什么javascript不能和python中的一樣靈活呢,
(其實(shí)下面這些 prototype 1.4已經(jīng)實(shí)現(xiàn)了,不過(guò) prototype太胖了,你知道的,我對(duì)胖女人不感興趣)
于是就有了下面的代碼.....
復(fù)制代碼 代碼如下:
<script>
Array.prototype.map = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) arr.push(f(this[i]))
return arr
}
Array.prototype.each = function(f) {
for(var i=0;i<this.length;i++) f(this[i])
}
Array.prototype.find = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return this[i]
return null
}
Array.prototype.findAll = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i])
return arr
}
Array.prototype.getPart = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return [this.slice(0,i+1),this.slice(i+1)]
}
Array.prototype.all = function(f) {
for(var i=0;i<this.length;i++) if (!f(this[i])) return false
return true
}
Array.prototype.any = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return true
return false
}
Array.prototype.grep = function(regex,f) {
var arr=[]
for(var i=0;i<this.length;i++){
if (this[i].toString().match(regex)) arr.push((f || function(x){return x})(this[i]))
}
return arr
}
Array.prototype.include = function(v) {
for(var i=0;i<this.length;i++) if (this[i]==v) return true
return false
}
Array.prototype.indexOf = function(v) {
for(var i=0;i<this.length;i++) if (this[i]==v) return i
return -1
}
Array.prototype.inject = function(v,f) {
var vv=v
for(var i=0;i<this.length;i++) vv=f(vv,this[i])
return vv
}
Array.prototype.max=function(){
var v=this[0];
for(var i=0;i<this.length;i++) if (this[i]>v) v=this[i]
return v
}
Array.prototype.min=function(){
var v=this[0];
for(var i=0;i<this.length;i++) if (this[i]<v) v=this[i]
return v
}
Array.prototype.partition = function(f) {
var arr1=[],arr2=[]
for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i])
return [arr1,arr2]
}
</script>
<textarea id=o>
這里有很多文本和script塊,而且script塊的數(shù)目不定
<script>alert(1)</script>
<script>
function fff(){
alert("fff function")
}
fff()</script>
<script>alert("last alert()")</script>
</textarea>
<script>
//對(duì)數(shù)組中每個(gè)元素都調(diào)用函數(shù)f執(zhí)行,并把執(zhí)行的結(jié)果按數(shù)組原排列順序返回,返回一個(gè)數(shù)組
Array.prototype.map = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) arr.push(f(this[i]))
return arr
}
//對(duì)數(shù)組中每個(gè)元素都調(diào)用函數(shù)f執(zhí)行,只執(zhí)行,不返回結(jié)果
Array.prototype.each = function(f) {
for(var i=0;i<this.length;i++) f(this[i])
}
//最簡(jiǎn)單的例子
var arr=[3,1,5,2,7]
var arr2=arr.map(function(x){return x*x})
alert(arr2)
//取整
var arr3=[3.121,1.555,5.8,2.0,7.9]
var arr4=arr3.map(Math.round)
alert(arr4)
//返回?cái)?shù)組中每個(gè)字符串的長(zhǎng)度
var a1=["dasfsdfas","dasffdfs","ds","2","cccccc"]
var a2=a1.map(function(x){return x.length})
alert(a2)
//這個(gè)例子比較常用,比如用ajax抓了一個(gè)頁(yè)面,怎么執(zhí)行頁(yè)面中的所有script塊呢?
var f=function(s){return s.replace(/^<script.*?>/,"").replace(/<\/script>$/,"")}
o.value.match(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/gi).map(f).each(eval)
//更復(fù)雜的例子
// http://community.csdn.net/Expert/topic/4796/4796192.xml?temp=.2977564
</script>
<script>
//獲取第一個(gè)使函數(shù)f為真的元素,如果找不到返回null
Array.prototype.find = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return this[i]
return null
}
//獲取所有使函數(shù)f為真的元素,如果找不到返回空數(shù)組
Array.prototype.findAll = function(f) {
var arr=[]
for(var i=0;i<this.length;i++) if (f(this[i])) arr.push(this[i])
return arr
}
//在數(shù)組中找一個(gè)偶數(shù)
var arr=[3,1,5,2,7,8,1,0,10]
var v=arr.find(function(x){return x%2==0})
alert(v)
//找所有偶數(shù)
var arr2=arr.findAll(function(x){return x%2==0})
alert(arr2)
</script>
<script>
//返回一個(gè)包含兩個(gè)元素的數(shù)組。這兩個(gè)元素都是一個(gè)數(shù)組 arr1是所有能讓f為真的元素組成的數(shù)組 arr2是剩下的元素
Array.prototype.partition = function(f) {
var arr1=[],arr2=[]
for(var i=0;i<this.length;i++) f(this[i])?arr1.push(this[i]):arr2.push(this[i])
return [arr1,arr2]
}
//只有數(shù)組中所有元素都能讓f為真才返回真
Array.prototype.all = function(f) {
for(var i=0;i<this.length;i++) if (!f(this[i])) return false
return true
}
//只要存在任何一個(gè)元素能讓f為真就返回真
Array.prototype.any = function(f) {
for(var i=0;i<this.length;i++) if (f(this[i])) return true
return false
}
//尋找偶數(shù)和奇數(shù)
var arr=[3,1,5,2,7,8,1,0,10]
var a=arr.partition(function(x){return x%2==0})
alert(a[0]) //返回所有偶數(shù)
alert(a[1]) //所有奇數(shù)
var b=arr.all(function(x){return x%2==0}) //檢查是不是數(shù)組中所有元素都是偶數(shù)
var c=arr.any(function(x){return x%2==0}) //檢查數(shù)組中是不是存在偶數(shù)
alert(b)
alert(c)
</script>
Array.prototype.grep = function(regex,f)
用給出的正則表達(dá)式去匹配數(shù)組中的每一個(gè)元素,
對(duì)符合匹配的元素返回一個(gè)數(shù)組,當(dāng)然,如果存在函數(shù)f,匹配結(jié)果還要通過(guò)函數(shù)f的處理
if (!Array.prototype.push){ //好象 ie5.0以下不支持 push()方法
Array.prototype.push=function(){
for(var i=0;i<arguments.length;i++){
this [this.length] = arguments[i];
}
return this.length;
}
}
//var arr=[]
//arr.push("1","2","3")
相關(guān)文章
JavaScript Window 打開(kāi)新窗口(window.location.href、windo
本文主要介紹了JavaScript Window 打開(kāi)新窗口的三種方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05js實(shí)現(xiàn)表單檢測(cè)及表單提示的方法
這篇文章主要介紹了js實(shí)現(xiàn)表單檢測(cè)及表單提示的方法,涉及javascript表單元素提示效果的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08js iframe跨域訪問(wèn)(同主域/非同主域)分別深入介紹
js跨域是個(gè)討論很多的話題。iframe跨域訪問(wèn)也被研究的很透了,本文今天就叨叨兩句,感興趣的朋友可以了解下,就當(dāng)鞏固知識(shí)了,希望本文對(duì)你有所幫助2013-01-01用js實(shí)現(xiàn)小球的自由移動(dòng)代碼
本篇文章小編為大家介紹,用js實(shí)現(xiàn)小球的自由移動(dòng)代碼。需要的朋友參考下2013-04-04js實(shí)現(xiàn)文本框中輸入文字頁(yè)面中div層同步獲取文本框內(nèi)容的方法
這篇文章主要介紹了js實(shí)現(xiàn)文本框中輸入文字頁(yè)面中div層同步獲取文本框內(nèi)容的方法,實(shí)例分析了javascript操作dom元素的技巧,需要的朋友可以參考下2015-03-03javascript DOM操作之動(dòng)態(tài)刪除TABLE多行
DOM動(dòng)態(tài)刪除TABLE tr行的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2009-12-12