一个对于Array的简单扩展

其实就是 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)

相关推荐

  • 一个对于Array的简单扩展

    其实就是 prototype 1.4中 枚举对象部分 的简化版本,  先贴代码,等下再一一解释,对初学者可能有帮助 最近一直在学习Python,一直感叹于python中 list的灵活,  同样都是数组,为什么javascript不能和python中的一样灵活呢,  (其实下面这些 prototype 1.4已经实现了,不过 prototype太胖了,你知道的,我对胖女人不感兴趣)  于是就有了下面的代码..... 复制代码 代码如下: <script> Array.prototype.map

  • 封装的dialog插件 基于bootstrap模态对话框的简单扩展

    在使用bootstrap 模态对话框时需要在页面写对话框html,如果一个页面有许多地方需要对话框,那意味着需要写多个,感觉很麻烦,平时不太习惯bootstrap 模态对话框这种方式,所以做了个简单封装及扩展,增加了自定义标题,宽度和高度,并根据宽高居中显示. 默认属性: id:"modal",//弹窗id title:"dialog",//弹窗标题 width:"600",//弹窗宽度,暂时不支持% height:"500"

  • 创建一个类Person的简单实例

    创建一个类Person,包含以下属性:姓名(name).年龄(age).朋友(friends数组).问候(sayhi方法,输出问候语,例如:"你好!").交朋友(addFriend方法,向friends里添加一个值),然后创建两个此类的实例:"小张",22,["小李","小王"],"你好!","James","James",24,["Ann",&q

  • 一个颜色轮换的简单例子

    一个颜色轮换的简单例子,使用三元运算子,使程序简练. 我们曾经在网站上看过一些表格单元格的背景颜色是隔行变化的,其实用下面一段很小的一段代码就可以实现: $color=(($coloralter++ %2)? "e0e0e0":"e8e8e8") ,即通过将变量累加和2取余,运用三元运算子来取得两个不同得颜色值. 示例如下: <html> <head> <title>test</title> <meta http

  • 一个string类的简单实现案例

    string类中使用到了赋值构造函数.复制构造函数.构造函数.默认构造函数.析构函数.重载操作符等一些类操作 class String { public: String() { data = new char[1]; //这里为什么使用new char[1]呢,虽然是一个字符,这是为了和析构函数保持对称,因为在别的构造函数中使用的char[] data[0]='\0'; length = 0; } String(const char* str) { length = strlen(str); d

  • Android中断并重启一个Thread线程的简单方法

    这里简单的总结下(大概思路,没调试,可能会有错!): MyThread.java pulbic class MyThread implemets Thread{ @overide public void run{ while(!Thread.interrputed()){ } } } xxx.java Thread mThread = new MyThread(); public static void startThread(){ mThread = new MyThread(); mThre

  • 用vue3封装一个符合思维且简单实用的弹出层

    目录 前言 服务式弹出层 用Promise来创建吧! 写在后头 前言 在平常开发中,弹出层算是一个最常用的组件了,尤其是后台的表单页,详情页,用户端的各种确认都很适合使用弹出层组件展示,但是一般组件库提供给我们的一般还是组件的形式,或者是一个简单的服务. 组件形式的弹出层,在我看来应该是组件库提供给我们二次封装用的,如果直接其实很不符合直觉 写在页面结构里,但是却不是在页面结构中展示,放在那个位置都不合适只能放在最下边 一个页面如果只有一个弹出层还好维护,多几个先不说放在那里,光维护弹出层的展示

  • 新建一个MySQL数据库的简单教程

     使用mysqladmin创建数据库: 需要特殊的权限才能创建或删除一个MySQL数据库.因此,假设以root用户的访问,可以创建任何数据库使用mysql mysqladmin的二进制. 例子: 这里是一个简单的例子来创建数据库名为 TUTORIALS: [root@host]# mysqladmin -u root -p create TUTORIALS Enter password:****** 这将创建一个数据库:TUTORIALS. 使用PHP脚本创建数据库: PHP使用mysql_qu

  • 分享一个自己写的简单的javascript分页组件

    自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id. html结构如下: 复制代码 代码如下: <ul class="pagination" id="pageDIV"> </ul> class="pagination" 给定了分页的样式, id="pageDIV"用于放置JS生成的分页 CSS结构如下: 复制代码 代码如下: .pag

  • 通过一个小例子来简单理解C语言中的内存空间管理

    对于一个C语言程序而言,内存空间主要由五个部分组成代码段(.text).数据段(.data).BSS段(.bss),堆和栈组成,其中代码段,数据段和BSS段是编译的时候由编译器分配的,而堆和 栈是程序运行的时候由系统分配的.布局如下 在上图中,由编译器分配的地址空间都是在连接的时候分配的,而运行时分配的空间是在程序运行时由系统分配的 BSS段:BSS段(bss segment)通常是指用来存放程序中未初始化的全局变量和静态变量 (这里注意一个问题:一般的书上都会说全局变量和静态变量是会自动初始化

随机推荐