angularjs中的工具方法(forEach等)

2024-08-31 09:32
文章标签 工具 方法 foreach angularjs

本文主要是介绍angularjs中的工具方法(forEach等)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

angular.bind(self, fn, args)

  • 作用：返回一个新的函数，绑定这个函数的this指向self
  • 参数： 
    • self：新函数的上下文对象
    • fn：需要绑定的函数
    • args：传递给函数的参数
  • 返回值：this指向self的新函数
    var obj = {
  name: 'xxx',
  print: function (country) {
    console.log(this.name + ' is form ' + country);
  }
};
var self = {
  name: 'yyy'
};
var bindFn = angular.bind(self, obj.print, 'China');
//var bindFn = angular.bind(self, obj.print, ['China']);
obj.print('American'); //$ xxx is form American
bindFn(); //$ yyy is form China

注意：bind会根据你的参数类型来决定调用call或apply，所以args可以是一个个数据，也可以是一个数组哦。

angular.copy(source, [destination])

  • 作用：对象的深拷贝
  • 参数： 
    • source：源对象
    • destination：拷贝的对象
  • 返回值：拷贝的对象
    var obj = {
  name: 'xxx',
  age: 50
};
var copyObj = angular.copy(obj);
console.log(copyObj); //$ Object {name: "xxx", age: 50}

angular.equals(o1, o2)

  • 作用：正常比较和对象的深比较
  • 参数： 
    • o1：比较的对象
    • o2：比较的对象
  • 返回值：boolean
    angular.equals(3, 3); //$ true
angular.equals(NaN,NaN); //$ true
angular.equals({name:'xxx'},{name:'xxx'}); //$ true
angular.equals({name:'xxx'},{name:'yyy'}); //$ false

angular.extend(dst, src)

  • 作用：对象的拓展
  • 参数： 
    • dst：拓展的对象
    • src：源对象
  • 返回值：拓展的对象
    var dst = {name: 'xxx', country: 'China'};
var src = {name: 'yyy', age: 10};angular.extend(dst, src);console.log(src); //$ Object {name: "yyy", age: 10}
console.log(dst); //$ Object {name: "yyy", country: "China", age: 10}

angular.forEach(obj, iterator, [context])

  • 作用：对象的遍历
  • 参数： 
    • obj：对象
    • iterator：迭代函数
    • context：迭代函数中上下文
  • 返回值：obj
    var obj = {name: 'xxx', country: 'China'};
angular.forEach(obj, function (value, key) {
  console.log(key + ':' + value);
});
//$ name:xxx
//$ country:China
var array = ['xxx', 'yyy'];
angular.forEach(array, function (item, index) {
  console.log(index + ':' + item + ' form ' + this.country);
}, obj);
//$ 0:xxx form China
//$ 1:yyy form China

angular.fromJson(string)

  • 作用：字符串转json对象
  • 参数： 
    • string：字符串
  • 返回值：json对象
    var json = angular.fromJson('{"name":"xxx","age":34}');console.log(json); //$ Object {name: "xxx", age: 34}

angular.toJson(json)

  • 作用：json对象转字符串
  • 参数： 
    • json：json
    • pretty：boolean number 控制字符串输出格式
  • 返回值：字符串
    angular.toJson({name:'xxx'});
//$ "{"name":"xxx"}"angular.toJson({name:'xxx'},true);
//$ "{
//$    "name": "xxx"
//$ }"angular.toJson({name:'xxx'},10);
//$ "{
//$            "name": "xxx"
//$ }"

angular.identity(value)

  • 作用：返回这个函数的第一个参数
  • 参数： 
    • value：参数
  • 返回值：第一个参数
    console.log(angular.identity('xxx','yyy')); //$ xxx

angular.isArray(value)

  • 作用：判断一个数据是否是数组
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isArray(3); //$ false
angular.isArray([]); //$ true
angular.isArray([1, 2, 3]); //$ true
angular.isArray({name: 'xxx'}); //$ false

angular.isDate(value)

  • 作用：判断一个数据是否是Date类型
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isDate('2012-12-02'); //$ false
angular.isDate(new Date()); //$ true

angular.isDefined(value)

  • 作用：判断一个数据是否是defined类型
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isDefined(undefined) //$ false
angular.isDefined([]); //$ true

angular.isUndefined(value)

  • 作用：判断一个数据是否是undefined类型
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isUndefined(undefined) //$ true
angular.isUndefined([]); //$ false

angular.isFunction(value)

  • 作用：判断一个数据是否是函数
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isFunction(function(){}); //$ true
angular.isFunction(3); //$ false

angular.isNumber(value)

  • 作用：判断一个数据是否是Number类型
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isNumber(4); //$ true
angular.isNumber('xxx'); //$ false
angular.isNumber(new Number(4)); //$ false
angular.isNumber(Number(4)); //$ true

angular.isObject(value)

  • 作用：判断一个数据是否是对象
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isObject('xxx'); //$ false      
angular.isObject(null); //$ false
angular.isObject([]); //$ true
angular.isObject(function(){}); //$ false
angular.isObject({name:'xxx'}); //$ true

angular.isString(value)

  • 作用：判断一个数据是否是字符串
  • 参数： 
    • value：数据
  • 返回值：boolean
    angular.isString(4); //$ false
angular.isString('xxx'); //$ true
angular.isString(new String('xxx')); //$ false
angular.isString(String('xxx')); //$ true

angular.lowercase(string)

  • 作用：将字符串大写字母变小写
  • 参数： 
    • string：字符串
  • 返回值：改变后的新字符串
    var newString = angular.lowercase('XXyyZZ');
console.log(newString); //$ xxyyzz

angular.uppercase(string)

  • 作用：将字符串小写字母变大写
  • 参数： 
    • string：字符串
  • 返回值：改变后的新字符串
    var newString = angular.uppercase('XXyyZZ');
console.log(newString); //$ XXYYZZ

angular.noop()

  • 作用：空函数
    var flag = false;    
flag ? console.log('xxx') : angular.noop();
   angular.forEach() 
var values = {"name":"zhangsan", "age":23, "from":"hn"};var results = [];/*angular.forEach(values, function(value, i){console.log(value+":"+i)console.log(i+":"+value)})*/angular.forEach(values, function(value, i){console.log(i+":"+value)  //name:zhangsan    age:23    from:hnthis.push(i+":"+value)//alert(this);  //this指的是results}, results);  //第三个参数为数组名console.log(results+"===")  //name:zhangsan,age:23,from:hn===


这篇关于angularjs中的工具方法(forEach等)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1123520。

相关文章

golang中reflect包的常用方法

golang中reflect包的常用方法

《golang中reflect包的常用方法》Go反射reflect包提供类型和值方法,用于获取类型信息、访问字段、调用方法等,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录reflect包方法总结类型 (Type) 方法值 (Value) 方法reflect包方法总结
阅读更多...
C# 比较两个list 之间元素差异的常用方法

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》：本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin
阅读更多...
Linux中压缩、网络传输与系统监控工具的使用完整指南

Linux中压缩、网络传输与系统监控工具的使用完整指南

《Linux中压缩、网络传输与系统监控工具的使用完整指南》在Linux系统管理中,压缩与传输工具是数据备份和远程协作的桥梁,而系统监控工具则是保障服务器稳定运行的眼睛,下面小编就来和大家详细介绍一下它... 目录引言一、压缩与解压：数据存储与传输的优化核心1. zip/unzip：通用压缩格式的便捷操作2.
阅读更多...
MySQL查询JSON数组字段包含特定字符串的方法

MySQL查询JSON数组字段包含特定字符串的方法

《MySQL查询JSON数组字段包含特定字符串的方法》在MySQL数据库中,当某个字段存储的是JSON数组,需要查询数组中包含特定字符串的记录时传统的LIKE语句无法直接使用,下面小编就为大家介绍两种... 目录问题背景解决方案对比1. 精确匹配方案（推荐）2. 模糊匹配方案参数化查询示例使用场景建议性能优
阅读更多...
关于集合与数组转换实现方法

关于集合与数组转换实现方法

《关于集合与数组转换实现方法》：本文主要介绍关于集合与数组转换实现方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、Arrays.asList()1.1、方法作用1.2、内部实现1.3、修改元素的影响1.4、注意事项2、list.toArray()2.1、方
阅读更多...
Python中注释使用方法举例详解

Python中注释使用方法举例详解

《Python中注释使用方法举例详解》在Python编程语言中注释是必不可少的一部分,它有助于提高代码的可读性和维护性,：本文主要介绍Python中注释使用方法的相关资料,需要的朋友可以参考下... 目录一、前言二、什么是注释？示例：三、单行注释语法：以 China编程# 开头，后面的内容为注释内容示例：示例：四
阅读更多...
一文详解Git中分支本地和远程删除的方法

一文详解Git中分支本地和远程删除的方法

《一文详解Git中分支本地和远程删除的方法》在使用Git进行版本控制的过程中,我们会创建多个分支来进行不同功能的开发,这就容易涉及到如何正确地删除本地分支和远程分支,下面我们就来看看相关的实现方法吧... 目录技术背景实现步骤删除本地分支删除远程www.chinasem.cn分支同步删除信息到其他机器示例步骤
阅读更多...
sqlite3 命令行工具使用指南

sqlite3 命令行工具使用指南

《sqlite3命令行工具使用指南》本文系统介绍sqlite3CLI的启动、数据库操作、元数据查询、数据导入导出及输出格式化命令,涵盖文件管理、备份恢复、性能统计等实用功能,并说明命令分类、SQL语... 目录一、启动与退出二、数据库与文件操作三、元数据查询四、数据操作与导入导出五、查询输出格式化六、实用功
阅读更多...
在Golang中实现定时任务的几种高效方法

在Golang中实现定时任务的几种高效方法

《在Golang中实现定时任务的几种高效方法》本文将详细介绍在Golang中实现定时任务的几种高效方法,包括time包中的Ticker和Timer、第三方库cron的使用,以及基于channel和go... 目录背景介绍目的和范围预期读者文档结构概述术语表核心概念与联系故事引入核心概念解释核心概念之间的关系
阅读更多...
在Linux终端中统计非二进制文件行数的实现方法

在Linux终端中统计非二进制文件行数的实现方法

《在Linux终端中统计非二进制文件行数的实现方法》在Linux系统中,有时需要统计非二进制文件（如CSV、TXT文件）的行数,而不希望手动打开文件进行查看,例如,在处理大型日志文件、数据文件时,了解... 目录在linux终端中统计非二进制文件的行数技术背景实现步骤1. 使用wc命令2. 使用grep命令
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2