本文主要是介绍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等)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!