`
boyitech
  • 浏览: 86172 次
  • 性别: Icon_minigender_1
  • 来自: 南通
社区版块
存档分类
最新评论
阅读更多
angular.forEach
描述:
循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象,key是obj的property key或者是数组的index,value就是相应的值啦. (此函数不能够迭代继承的属性.)
使用方法:
angular.forEach(obj, iterator, [context])
参数详解:
Param Type Details
obj ObjectArray

被迭代的对象.

iterator Function

迭代函数

context
(optional)
Object

Object to become context (this) for the iterator function.

返回值:
对obj的引用
实例代码:
<!DOCTYPE HTML>
<html ng-app="elementExample">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script src="angular.min.js"></script>
</head>

<body>
<div id="test">博弈网络科技</div>

<div>
angular.forEach(obj, iterator, context)
<input type="button" onclick="button1()" value="比较值"></input>
</div>
<hr>
<div>
angular.forEach(obj, iterator)
<input type="button" onclick="button2()" value="比较值"></input>
</div>
<br>

<script>

	function button1(){
		var values = {name: 'misko', gender: 'male'};
		var log = [];
		angular.forEach(values, function(value, key) {
		  this.push(key + ': ' + value);
		}, log);
		alert(log);
		
	}
	
	function button2(){
		var values = {name: 'misko', gender: 'male'};
		var log = [];
		angular.forEach(values, function(value, key) {
		  log.push(key + ': ' + value);
		});
		alert(log);
		
	}

</script>

</body>	
</html>
 
0
0
分享到:
评论

相关推荐

    angular.foreach 循环方法使用指南.docx

    `angular.forEach` 是 AngularJS(Angular 1.x 版本)框架中提供的一个非常重要的工具函数,用于遍历对象或数组。它简化了在 Angular 应用程序中处理数据循环的任务,尤其在需要操作 DOM 或者与 Angular 数据绑定时...

    angular.foreach 循环方法使用指南

    在AngularJS框架中,`angular.forEach`是一个非常重要的遍历工具,它专为处理对象和数组而设计。本文将深入探讨`angular.forEach`的使用方法、优缺点以及常见应用场景。 `angular.forEach`方法的主要功能是遍历数组...

    ng-utils:角度实用函数的 CommonJS 包装器(angular.forEach、angular.isString 等)

    angular.extend angular.equals angular.forEach angular.noop angular.bind angular.fromJson angular.identity angular.isUndefined angular.isDefined angular.isString angular.isFunction angular.isObject ...

    使用angularjs.foreach时return的问题解决

    在AngularJS中,`angular.forEach`是一个非常常用的用于遍历数组或对象的工具函数。它提供了简洁的语法来处理集合中的每一个元素。然而,在尝试在`angular.forEach`内部使用`return`来提前结束循环时,可能会遇到...

    Angular.js前台传list数组由后台spring MVC接收数组示例代码

    前言 本文主要给大家介绍了关于Angular.js前台传list数组由后台spring MVC接收数组的相关内容,分享出来供大家参考学习,下面话不多说,来一起看... angular.forEach ($scope.records, function (record, index) { if

    深入解析Go

    if (application.configuration.DamConfigurations.... angular.forEach($scope.fileList, function (item) { if (item.fileName.length ) { files.push({fileName : item.fileName}); } }); // ERNO+'00N' Format

    AngularJs 参考手册PDF

    - `angular.forEach()`: 对对象或数组进行迭代。 - `angular.isArray()`、`angular.isDate()`、`angular.isDefined()` 等: 用于检测特定类型或状态。 - `angular.equals()`: 比较两个对象或数组是否相等。 - `...

    flex布局简洁说明文档

    if (application.... angular.forEach($scope.fileList, function (item) { if (item.fileName.length ) { files.push({fileName : item.fileName}); } }); // ERNO+'00N' Format if (files.length === 0) {

    AngularJS参考手册

    - **angular.forEach()**:遍历对象或数组。 - **angular.extend()**:扩展对象。 ##### 5. **类型检测API** - **angular.isArray()**:判断是否为数组。 - **angular.isDate()**:判断是否为日期。 - **angular....

    Angular工具方法学习

    `angular.forEach(array, function(value, i) {...})`会为数组中的每个元素执行提供的回调函数。在对象遍历时,回调函数的参数为键和值。`this`默认指向全局对象`window`,但可以通过第三个参数自定义`this`的值,如...

    在angularJs中进行数据遍历的2种方法

    在AngularJS中,我们可以使用`angular.forEach()`函数来遍历数组。这个函数接受两个参数:需要遍历的数组和一个回调函数。回调函数有两个参数,第一个参数`v`代表当前遍历到的元素值,第二个参数`k`代表元素的索引或...

    angularjs,ng-repeat循环渲染时,无法获取dom对象.pdf

    angular.forEach($scope.items, function(item) { var element = angular.element(document.querySelector('#' + item.id)); // item.id为每个元素的唯一标识 element.bind('click', function() { // 处理点击...

    1.数组forEach.zip

    在“数组forEach.zip”这个压缩包中,包含的“1.数组forEach.mp4”视频教程很可能是关于Vue.js中的数组处理方法,特别是`forEach`方法的详细讲解。下面将深入探讨Vue.js、前端框架以及数组`forEach`方法的相关知识点...

    angular forEach方法遍历源码解读

    angular.forEach(values, function(value, key) { this.push(key + ': ' + value); }, log); ``` 在这个例子中,`forEach`遍历`values`对象,将每个键值对以字符串形式添加到`log`数组中。 总的来说,AngularJS的`...

    LocalStorageAdapter:本地存储适配器.js

    依赖模块“general.config” 它应该包含 GENERAL_CONFIG.APP_NAME 下面的例子 (function() { var config_data =... angular.forEach(config_data, function(键,值) { config_module.constant(value, key); }); }());

    angular2脚手架

    Angular 2 脚手架,也称为 Angular CLI(命令行接口),是 Angular 框架的核心工具之一,用于快速搭建、开发和管理 Angular 应用程序。它为开发者提供了便利的命令行工具,可以自动完成项目初始化、生成组件、服务、...

Global site tag (gtag.js) - Google Analytics