angularjs中的工具方法(forEach等)

2024-08-31 09:32

本文主要是介绍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

相关文章

Python实现无痛修改第三方库源码的方法详解

《Python实现无痛修改第三方库源码的方法详解》很多时候,我们下载的第三方库是不会有需求不满足的情况,但也有极少的情况,第三方库没有兼顾到需求,本文将介绍几个修改源码的操作,大家可以根据需求进行选择... 目录需求不符合模拟示例 1. 修改源文件2. 继承修改3. 猴子补丁4. 追踪局部变量需求不符合很

mysql出现ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)的解决方法

《mysql出现ERROR2003(HY000):Can‘tconnecttoMySQLserveron‘localhost‘(10061)的解决方法》本文主要介绍了mysql出现... 目录前言:第一步:第二步:第三步:总结:前言:当你想通过命令窗口想打开mysql时候发现提http://www.cpp

Mysql删除几亿条数据表中的部分数据的方法实现

《Mysql删除几亿条数据表中的部分数据的方法实现》在MySQL中删除一个大表中的数据时,需要特别注意操作的性能和对系统的影响,本文主要介绍了Mysql删除几亿条数据表中的部分数据的方法实现,具有一定... 目录1、需求2、方案1. 使用 DELETE 语句分批删除2. 使用 INPLACE ALTER T

MySQL INSERT语句实现当记录不存在时插入的几种方法

《MySQLINSERT语句实现当记录不存在时插入的几种方法》MySQL的INSERT语句是用于向数据库表中插入新记录的关键命令,下面:本文主要介绍MySQLINSERT语句实现当记录不存在时... 目录使用 INSERT IGNORE使用 ON DUPLICATE KEY UPDATE使用 REPLACE

使用Java实现通用树形结构构建工具类

《使用Java实现通用树形结构构建工具类》这篇文章主要为大家详细介绍了如何使用Java实现通用树形结构构建工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录完整代码一、设计思想与核心功能二、核心实现原理1. 数据结构准备阶段2. 循环依赖检测算法3. 树形结构构建4. 搜索子

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

CentOS 7部署主域名服务器 DNS的方法

《CentOS7部署主域名服务器DNS的方法》文章详细介绍了在CentOS7上部署主域名服务器DNS的步骤,包括安装BIND服务、配置DNS服务、添加域名区域、创建区域文件、配置反向解析、检查配置... 目录1. 安装 BIND 服务和工具2.  配置 BIND 服务3 . 添加你的域名区域配置4.创建区域

mss32.dll文件丢失怎么办? 电脑提示mss32.dll丢失的多种修复方法

《mss32.dll文件丢失怎么办?电脑提示mss32.dll丢失的多种修复方法》最近,很多电脑用户可能遇到了mss32.dll文件丢失的问题,导致一些应用程序无法正常启动,那么,如何修复这个问题呢... 在电脑常年累月的使用过程中,偶尔会遇到一些问题令人头疼。像是某个程序尝试运行时,系统突然弹出一个错误提

电脑提示找不到openal32.dll文件怎么办? openal32.dll丢失完美修复方法

《电脑提示找不到openal32.dll文件怎么办?openal32.dll丢失完美修复方法》openal32.dll是一种重要的系统文件,当它丢失时,会给我们的电脑带来很大的困扰,很多人都曾经遇到... 在使用电脑过程中,我们常常会遇到一些.dll文件丢失的问题,而openal32.dll的丢失是其中比较

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件