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。

相关文章

CentOS7增加Swap空间的两种方法

CentOS7增加Swap空间的两种方法

《CentOS7增加Swap空间的两种方法》当服务器物理内存不足时,增加Swap空间可以作为虚拟内存使用,帮助系统处理内存压力,本文给大家介绍了CentOS7增加Swap空间的两种方法：创建新的Swa... 目录在Centos 7上增加Swap空间的方法方法一：创建新的Swap文件（推荐）方法二：调整Sww
阅读更多...
QT6中绘制UI的两种方法详解与示例代码

QT6中绘制UI的两种方法详解与示例代码

《QT6中绘制UI的两种方法详解与示例代码》Qt6提供了两种主要的UI绘制技术：​​QML(QtMeta-ObjectLanguage)​​和​​C++Widgets​​,这两种技术各有优势,适用于不... 目录一、QML 技术详解1.1 QML 简介1.2 QML 的核心概念1.3 QML 示例：简单按钮
阅读更多...
Oracle 通过 ROWID 批量更新表的方法

Oracle 通过 ROWID 批量更新表的方法

《Oracle通过ROWID批量更新表的方法》在Oracle数据库中,使用ROWID进行批量更新是一种高效的更新方法,因为它直接定位到物理行位置,避免了通过索引查找的开销,下面给大家介绍Orac... 目录oracle 通过 ROWID 批量更新表ROWID 基本概念性能优化建议性能UoTrFPH优化建议注
阅读更多...
Pandas进行周期与时间戳转换的方法

Pandas进行周期与时间戳转换的方法

《Pandas进行周期与时间戳转换的方法》本教程将深入讲解如何在pandas中使用to_period()和to_timestamp()方法,完成时间戳与周期之间的转换,并结合实际应用场景展示这些方法的... 目录to_period() 时间戳转周期基本操作应用示例to_timestamp() 周期转时间戳基
阅读更多...
在 PyQt 加载 UI 三种常见方法

在 PyQt 加载 UI 三种常见方法

《在PyQt加载UI三种常见方法》在PyQt中,加载UI文件通常指的是使用QtDesigner设计的.ui文件,并将其转换为Python代码,以便在PyQt应用程序中使用,这篇文章给大家介绍在... 目录方法一：使用 uic 模块动态加载 （不推荐用于大型项目）方法二：将 UI 文件编译为 python 模
阅读更多...
Python将字库文件打包成可执行文件的常见方法

Python将字库文件打包成可执行文件的常见方法

《Python将字库文件打包成可执行文件的常见方法》在Python打包时,如果你想将字库文件一起打包成一个可执行文件,有几种常见的方法,具体取决于你使用的打包工具,下面就跟随小编一起了解下具体的实现方... 目录使用 PyInstaller基本方法 - 使用 --add-data 参数使用 spec 文件（
阅读更多...
Python的pip在命令行无法使用问题的解决方法

Python的pip在命令行无法使用问题的解决方法

《Python的pip在命令行无法使用问题的解决方法》PIP是通用的Python包管理工具,提供了对Python包的查找、下载、安装、卸载、更新等功能,安装诸如Pygame、Pymysql等Pyt... 目录前言一. pip是什么？二. 为什么无法使用？1. 当我们在命令行输入指令并回车时，一般主要是出现以
阅读更多...
Spring Validation中9个数据校验工具使用指南

Spring Validation中9个数据校验工具使用指南

《SpringValidation中9个数据校验工具使用指南》SpringValidation作为Spring生态系统的重要组成部分,提供了一套强大而灵活的数据校验机制,本文给大家介绍了Spring... 目录1. Bean Validation基础注解常用注解示例在控制器中应用2. 自定义约束验证器定义自
阅读更多...
通过C#获取Excel单元格的数据类型的方法详解

通过C#获取Excel单元格的数据类型的方法详解

《通过C#获取Excel单元格的数据类型的方法详解》在处理Excel文件时,了解单元格的数据类型有助于我们正确地解析和处理数据,本文将详细介绍如何使用FreeSpire.XLS来获取Excel单元格的... 目录引言环境配置6种常见数据类型C# 读取单元格数据类型引言在处理 Excel 文件时，了解单元格
阅读更多...
MySQL连接池(Pool)常用方法详解

MySQL连接池(Pool)常用方法详解

《MySQL连接池(Pool)常用方法详解》本文详细介绍了MySQL连接池的常用方法,包括创建连接池、核心方法连接对象的方法、连接池管理方法以及事务处理,同时,还提供了最佳实践和性能提示,帮助开发者构... 目录mysql 连接池 (Pool) 常用方法详解1. 创建连接池2. 核心方法2.1 pool.q
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2