AngularJs angular.forEach、angular.extend
angular.forEach
调用迭代器函数取每一项目标的集合,它可以是一个对象或数组。迭代器函数与迭代器(value、key)一起调用,其中值是一个对象属性或数组元素的值,而数组元素是对象属性的关键或数组元素索引。为函数指定一个可选的上下文。
格式:angular.forEach(obj,iterator,[context]);
obj:遍历的对象
iterator:迭代器
[content]: 对象为迭代器函数的上下文(this)
使用代码:
   var arr = [{ name: "A", age: "1" }, { name: "B", age: "2" }, { name: "C", age: "3" }];
   var _arr = [];
   angular.forEach(arr, function (item, index) {
        this.push(item.name);
    }, _arr);
    //_arr = ["A","B","C"]
推荐使用:
   var arr = [{ name: "A", age: "1" }, { name: "B", age: "2" }, { name: "C", age: "3" }];
   var _arr = [];
   angular.forEach(arr, function (item, index) {
        _arr.push(item.name);
    });
    //_arr = ["A","B","C"]
item指的是循环的集合中的对象,index是当前item的索引值。
在项目开发过程中,用到遍历是很正常且平常的事,那么angular也给我们提供了这个api -- angular.forEach。这个和jquery的的.each()方法相似,但貌似他比jquery的.each多了个参数。
angular.extend
复制src对象中的属性到dst对象中。你可以指定多个源对象。
格式:angular.extend(dst,src)
dst:目标对象
src:copy源对象(>=1)
使用代码:
  var dst = { name: "Any" };
  var src_one = { age: "18" };
  var src_two = { sex:"male"};
  angular.extend(dst,src_one,src_two);
  //dst:{name: "Any", age: "18",sex:"male"} src_one={age:"18"} src_two = {sex:"male"}
这个方法主要是用对象给对象添加属性的,比如我们定义了个对象,然后需要在后面的代码对这个对象进行添加别的对象的属性作为自己的属性,然后这时候我们就需要用到angular.extend。而且这个方法还可以添加对个对象做为参数,给第目标对象添加属性,即方便又简单 -。-
本兽在一些封装好的插件的源码里看到这个方法也用到挺多,不过总觉得只有自己动手写代码用过了,才能更好的体会到这些方法的好处,仅仅是看下了解下就觉得自己理解了的这种,是不能真正的学到的,这两种学习的具体体会在用到代码的时候就知道了...建议大家都动手操作。
AngularJs angular.forEach、angular.extend的更多相关文章
- Angular  - - angular.forEach、angular.extend
		
angular.forEach 调用迭代器函数取每一项目标的集合,它可以是一个对象或数组.迭代器函数与迭代器(value.key)一起调用,其中值是一个对象属性或数组元素的值,而数组元素是对象属性的关 ...
 - angular.extend、angular.$watch、angular.bootstrap
		
1.angular.extend:依次将第二个参数及后续的参数的第一层属性(不管是简单属性还是对象)拷贝给第一个参数的第一层属性,即如果是对象,则是引用的是同一个对象,并返回第一个参数对象. 直接上代 ...
 - AngularJs angular.injector、angular.module
		
angular.injector 创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入. 格式:angular.injector(modules); modules ...
 - Angular  - - angular.injector、angular.module
		
angular.injector 创建一个injector对象, 调用injector对象的方法可用于获取服务以及依赖注入. 格式:angular.injector(modules); modules ...
 - angular.js 的angular.copy 、 angular.extend 、 angular.merge
		
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
 - AngularJs angular.uppercase、angular.lowercase、angular.fromJson、angular.toJson
		
angular.uppercase 将指定的字符串转换成大写 格式:angular.uppercase(string); string:被转换成大写的字符串. 使用代码: var str = &quo ...
 - AngularJs angular.bind、angular.bootstrap、angular.copy
		
angular.bind 返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能. 格式:angular.bind(se ...
 - Angular  - - angular.uppercase、angular.lowercase、angular.fromJson、angular.toJson
		
angular.uppercase 将指定的字符串转换成大写 格式:angular.uppercase(string); string:被转换成大写的字符串. 使用代码: var str = &quo ...
 - Angular  - - angular.bind、angular.bootstrap、angular.copy
		
angular.bind 返回一个调用self的函数fn(self代表fn里的this).可以给fn提供参数args(*).这个功能也被称为局部操作,以区别功能. 格式:angular.bind(se ...
 
随机推荐
- 【转】CSS样式覆盖规则
			
大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义.其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值, ...
 - JAVA反射其实就是那么一回事
			
概念:什么是反射 java反射机制: JAVA反射机制是在运行状态中, 对于任意一个类,都能够知道这个类的所有属性和方法: 对于任意一个对象,都能够调用它的任意一个方法和属性: 这种动态获取的信息以及 ...
 - 深入grootJs(进阶教程)
			
深入grootJs 这篇教程的原则是把grootJs原理讲透,主要真正理解了原理才能用起来随心所欲 mvvm模式简介 grootJs的vm结构 扫描函数sweep 垃圾回收的原理 加载器中的预编 ,控 ...
 - 支持向量机通俗导论(理解SVM的三层境界)
			
原文链接:http://blog.csdn.net/v_july_v/article/details/7624837 作者:July.pluskid :致谢:白石.JerryLead 出处:结构之法算 ...
 - bat批处理文件启动Eclipse和ivy本地仓库的配置
			
一.bat批处理文件启动Eclipse 所需文件: 1.eclipse 2.jre 3.startup-eclipse.bat 确保以上三个文件夹同级 startup-eclipse.bat: set ...
 - Linux中TFTP使用详解
			
FTP协议简介TFTP是用来下载远程文件的最简单网络协议,它其于UDP协议而实现. linux服务器端tftp-server的配置1.安装tftp服务器需要安装xinetd(守护tftp).tftp和 ...
 - Go加密解密之DES
			
一.DES简介 DES(Data Encryption Standard)是对称加密算法,也就是加密和解密用相同的密钥.其入口参数有三个:key.data.mode.key为加密解密使用的密钥,dat ...
 - 个人阅读作业——M1/M2总结
			
~ http://www.cnblogs.com/wx1306/p/4831950.html 在这篇博客中,我提出来一些关于软件工程的问题,但随着这一个学期的即将结束,以及我对软件开发的了解的深入,我 ...
 - isinstance
			
class Foo: pass obj = Foo() isinstance(obj,Foo) class Foo: pass obj = Foo() isinstance(obj ,Foo) pri ...
 - 强连通 HDU 1269
			
n点m边 求是否能从任意a->b b->a 强连通分量等于1 #include<stdio.h> #include<algorithm> #include<s ...