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。

相关文章

MyBatis-Plus通用中等、大量数据分批查询和处理方法

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口
阅读更多...
MySQL深分页进行性能优化的常见方法

MySQL深分页进行性能优化的常见方法

《MySQL深分页进行性能优化的常见方法》在Web应用中,分页查询是数据库操作中的常见需求,然而,在面对大型数据集时,深分页（deeppagination）却成为了性能优化的一个挑战,在本文中,我们将... 目录引言：深分页，真的只是“翻页慢”那么简单吗？一、背景介绍二、深分页的性能问题三、业务场景分析四、
阅读更多...
JAVA中安装多个JDK的方法

JAVA中安装多个JDK的方法

《JAVA中安装多个JDK的方法》文章介绍了在Windows系统上安装多个JDK版本的方法,包括下载、安装路径修改、环境变量配置（JAVA_HOME和Path）,并说明如何通过调整JAVA_HOME在... 首先去oracle官网下载好两个版本不同的jdk（需要登录Oracle账号，没有可以免费注册）下载完
阅读更多...
Java中读取YAML文件配置信息常见问题及解决方法

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》：本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu
阅读更多...
Python办公自动化实战之打造智能邮件发送工具

Python办公自动化实战之打造智能邮件发送工具

《Python办公自动化实战之打造智能邮件发送工具》在数字化办公场景中,邮件自动化是提升工作效率的关键技能,本文将演示如何使用Python的smtplib和email库构建一个支持图文混排,多附件,多... 目录前言一、基础配置：搭建邮件发送框架1.1 邮箱服务准备1.2 核心库导入1.3 基础发送函数二、
阅读更多...
Java 方法重载Overload常见误区及注意事项

Java 方法重载Overload常见误区及注意事项

《Java方法重载Overload常见误区及注意事项》Java方法重载允许同一类中同名方法通过参数类型、数量、顺序差异实现功能扩展,提升代码灵活性,核心条件为参数列表不同,不涉及返回类型、访问修饰符... 目录Java 方法重载（Overload）详解一、方法重载的核心条件二、构成方法重载的具体情况三、不构
阅读更多...
SQL中如何添加数据(常见方法及示例)

SQL中如何添加数据(常见方法及示例)

《SQL中如何添加数据(常见方法及示例)》SQL全称为StructuredQueryLanguage,是一种用于管理关系数据库的标准编程语言,下面给大家介绍SQL中如何添加数据,感兴趣的朋友一起看看吧... 目录在mysql中，有多种方法可以添加数据。以下是一些常见的方法及其示例。1. 使用INSERT I
阅读更多...
基于Python实现一个图片拆分工具

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片，默认是输出到项目文件夹中，可以自己选择其他的文件夹，选择需要拆分的行数和列数，可以通过
阅读更多...
Python中反转字符串的常见方法小结

Python中反转字符串的常见方法小结

《Python中反转字符串的常见方法小结》在Python中,字符串对象没有内置的反转方法,然而,在实际开发中,我们经常会遇到需要反转字符串的场景,比如处理回文字符串、文本加密等,因此,掌握如何在Pyt... 目录python中反转字符串的方法技术背景实现步骤1. 使用切片2. 使用 reversed() 函
阅读更多...
Python中将嵌套列表扁平化的多种实现方法

Python中将嵌套列表扁平化的多种实现方法

《Python中将嵌套列表扁平化的多种实现方法》在Python编程中,我们常常会遇到需要将嵌套列表（即列表中包含列表）转换为一个一维的扁平列表的需求,本文将给大家介绍了多种实现这一目标的方法,需要的朋... 目录python中将嵌套列表扁平化的方法技术背景实现步骤1. 使用嵌套列表推导式2. 使用itert
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2