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。

相关文章

Python实现图片分割的多种方法总结

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)
阅读更多...
Java中Switch Case多个条件处理方法举例

Java中Switch Case多个条件处理方法举例

《Java中SwitchCase多个条件处理方法举例》Java中switch语句用于根据变量值执行不同代码块,适用于多个条件的处理,：本文主要介绍Java中SwitchCase多个条件处理的相... 目录前言基本语法处理多个条件示例1：合并相同代码的多个case示例2：通过字符串合并多个case进阶用法使用
阅读更多...
C# foreach 循环中获取索引的实现方式

C# foreach 循环中获取索引的实现方式

《C#foreach循环中获取索引的实现方式》：本文主要介绍C#foreach循环中获取索引的实现方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、手动维护索引变量二、LINQ Select + 元组解构三、扩展方法封装索引四、使用 for 循环替代
阅读更多...
Python中__init__方法使用的深度解析

Python中__init__方法使用的深度解析

《Python中__init__方法使用的深度解析》在Python的面向对象编程（OOP）体系中,__init__方法如同建造房屋时的奠基仪式——它定义了对象诞生时的初始状态,下面我们就来深入了解下_... 目录一、__init__的基因图谱二、初始化过程的魔法时刻继承链中的初始化顺序self参数的奥秘默认
阅读更多...
html5的响应式布局的方法示例详解

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》：本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法，简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局，详细内容请阅读本文，希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的
阅读更多...
Spring 基于XML配置 bean管理 Bean-IOC的方法

Spring 基于XML配置 bean管理 Bean-IOC的方法

《Spring基于XML配置bean管理Bean-IOC的方法》：本文主要介绍Spring基于XML配置bean管理Bean-IOC的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一... 目录一. spring学习的核心内容二. 基于 XML 配置 bean1. 通过类型来获取 bean2. 通过
阅读更多...
MySql match against工具详细用法

MySql match against工具详细用法

《MySqlmatchagainst工具详细用法》在MySQL中,MATCH……AGAINST是全文索引（Full-Textindex）的查询语法,它允许你对文本进行高效的全文搜素,支持自然语言搜... 目录一、全文索引的基本概念二、创建全文索引三、自然语言搜索四、布尔搜索五、相关性排序六、全文索引的限制七
阅读更多...
基于Python实现读取嵌套压缩包下文件的方法

基于Python实现读取嵌套压缩包下文件的方法

《基于Python实现读取嵌套压缩包下文件的方法》工作中遇到的问题,需要用Python实现嵌套压缩包下文件读取,本文给大家介绍了详细的解决方法,并有相关的代码示例供大家参考,需要的朋友可以参考下... 目录思路完整代码代码优化思路打开外层zip压缩包并遍历文件：使用with zipfile.ZipFil
阅读更多...
Python处理函数调用超时的四种方法

Python处理函数调用超时的四种方法

《Python处理函数调用超时的四种方法》在实际开发过程中,我们可能会遇到一些场景,需要对函数的执行时间进行限制,例如,当一个函数执行时间过长时,可能会导致程序卡顿、资源占用过高,因此,在某些情况下,... 目录前言func-timeout1. 安装 func-timeout2. 基本用法自定义进程subp
阅读更多...
基于Java实现回调监听工具类

基于Java实现回调监听工具类

《基于Java实现回调监听工具类》这篇文章主要为大家详细介绍了如何基于Java实现一个回调监听工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录监听接口类 Listenable实际用法打印结果首先，会用到 函数式接口 Consumer, 通过这个可以解耦回调方法，下面先写一个
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2