源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 272|回复: 25

[JavaScript] 一个对于Array的简单扩展

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2006-10-3 00:00:00 | 显示全部楼层 |阅读模式
其实就是 prototype 1.4中 枚举对象部分 的简化版本, 
先贴代码,等下再一一解释,对初学者可能有帮助 

最近一直在学习Python,一直感叹于python中 list的灵活, 
同样都是数组,为什么javascript不能和python中的一样灵活呢, 
(其实下面这些 prototype 1.4已经实现了,不过 prototype太胖了,你知道的,我对胖女人不感兴趣) 
于是就有了下面的代码.....  

复制代码 代码如下:
<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块的数目不定
<script>alert(1)</script>
<script>
function fff(){
alert("fff function")
}
fff()</script>
<script>alert("last alert()")</script>
</textarea>

<script>
//对数组中每个元素都调用函数f执行,并把执行的结果按数组原排列顺序返回,返回一个数组
Array.prototype.map = function(f) {  
  var arr=[]
  for(var i=0;i<this.length;i++) arr.push(f(this[i]))
  return arr  
}

//对数组中每个元素都调用函数f执行,只执行,不返回结果
Array.prototype.each = function(f) {  
  for(var i=0;i<this.length;i++) f(this[i])
}

//最简单的例子
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)


//返回数组中每个字符串的长度
var a1=["dasfsdfas","dasffdfs","ds","2","cccccc"]
var a2=a1.map(function(x){return x.length})
alert(a2)


//这个例子比较常用,比如用ajax抓了一个页面,怎么执行页面中的所有script块呢?
var f=function(s){return s.replace(/^<script.*?>/,"").replace(/<\/script>$/,"")}
o.value.match(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/gi).map(f).each(eval)

//更复杂的例子
//  http://community.csdn.net/Expert/topic/4796/4796192.xml?temp=.2977564
</script>


<script>
//获取第一个使函数f为真的元素,如果找不到返回null
Array.prototype.find = function(f) {  
  for(var i=0;i<this.length;i++)  if (f(this[i])) return this[i]
  return null
}

//获取所有使函数f为真的元素,如果找不到返回空数组
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
}

//在数组中找一个偶数
var arr=[3,1,5,2,7,8,1,0,10]
var v=arr.find(function(x){return x%2==0})
alert(v)

//找所有偶数
var arr2=arr.findAll(function(x){return x%2==0})
alert(arr2)

</script>

<script>
//返回一个包含两个元素的数组。这两个元素都是一个数组 arr1是所有能让f为真的元素组成的数组 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]
}

//只有数组中所有元素都能让f为真才返回真
Array.prototype.all = function(f) { 
  for(var i=0;i<this.length;i++)  if (!f(this[i])) return false
  return true
}

//只要存在任何一个元素能让f为真就返回真
Array.prototype.any = function(f) { 
  for(var i=0;i<this.length;i++)  if (f(this[i])) return true
  return false
}

//寻找偶数和奇数
var arr=[3,1,5,2,7,8,1,0,10]
var a=arr.partition(function(x){return x%2==0})
alert(a[0])  //返回所有偶数
alert(a[1])  //所有奇数

var b=arr.all(function(x){return x%2==0})  //检查是不是数组中所有元素都是偶数
var c=arr.any(function(x){return x%2==0})  //检查数组中是不是存在偶数
alert(b)
alert(c)

</script>

Array.prototype.grep = function(regex,f) 

用给出的正则表达式去匹配数组中的每一个元素,
对符合匹配的元素返回一个数组,当然,如果存在函数f,匹配结果还要通过函数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")


回复

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-11-19 15:01:25 | 显示全部楼层
我要金豆金豆金豆
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

319

积分

中级会员

Rank: 3Rank: 3

积分
319
发表于 2022-12-17 04:36:52 | 显示全部楼层
好人好人好人好人
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2023-1-25 14:30:31 | 显示全部楼层
人都不在了啊 啊
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-1-28 19:43:24 | 显示全部楼层
人都不在了啊 啊
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

473

积分

中级会员

Rank: 3Rank: 3

积分
473
发表于 2023-2-8 15:39:13 | 显示全部楼层
哦哦哦ijhhsdj
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

221

积分

中级会员

Rank: 3Rank: 3

积分
221
发表于 2023-3-11 15:26:55 | 显示全部楼层
源码源码源码源码源码源码源码源码源码源码源码源码源码
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

319

积分

中级会员

Rank: 3Rank: 3

积分
319
发表于 2023-5-13 20:47:23 | 显示全部楼层
看看看咋么
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-5-28 11:38:29 | 显示全部楼层
而非为吾问无为谓娃娃
回复 支持 反对

使用道具 举报

7

主题

2万

回帖

288

积分

中级会员

Rank: 3Rank: 3

积分
288
发表于 2023-8-19 01:47:13 | 显示全部楼层
为全额万千瓦
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-22 22:27 , Processed in 0.090618 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表