AngularJS操作键值对象类似java的hashmap(填坑小结)

 更新时间:2016年11月12日 09:49:44   投稿:mrr  
我们知道java的hashmap中使用最多的是put(...),get(...)以及remove()方法,那么在angularJS中如何创造(使用)这样一个对象呢?今天小编通过本文给大家分享下,感兴趣的朋友一起学习吧

前言:

我们知道java的hashmap中使用最多的是put(...),get(...)以及remove()方法,那么在angularJS中如何创造(使用)这样一个对象呢

思路分析:

我们知道在java中可以采用链式访问和”[]“访问hashmap的某一个值

具体实现:

链式访问:

.factory('ParamsServices', function () {
var params = {};
return {
get: function (key) {
return params.key;
},
put: function (key, object) {
params.key = object;
},
remove: function (key) {
delete params.key;
}
};
})

”【】“访问:

.factory('iParamsServices', function () {
var map = {};
return {
get: function (key) {
return map[key];
},
put: function (key, object) {
map[key] = object;
},
remove: function (key) {
delete map[key];
}
};
})

4.验证

1.写入

ParamsServices.put("itv", "itv");
ParamsServices.put("itv2", "itv2");
iParamsServices.put("itv3", "itv3");
iParamsServices.put("itv4", "itv4"); 

2.读取

ParamsServices.get("itv") == ParamsServices.get("itv2") // true
iParamsServices.get("itv3") == iParamsServices.get("itv4") // false

5.总结:

angul作键值对象(hashmap)建议采用方式二来实现

以上所述是小编给大家介绍的AngularJS操作键值对象类似java的hashmap(填坑小结),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言。

相关文章

  • angularjs定时任务的设置与清除示例

    angularjs定时任务的设置与清除示例

    本篇文章主要介绍了angularjs定时任务的设置与清除示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 详解angularJS动态生成的页面中ng-click无效解决办法

    详解angularJS动态生成的页面中ng-click无效解决办法

    这篇文章主要介绍了详解angularJS动态生成的页面中ng-click无效解决办法,非常具有实用价值,需要的朋友可以参考下
    2017-06-06
  • AngularJS 使用$sce控制代码安全检查

    AngularJS 使用$sce控制代码安全检查

    SCE,即strict contextual escaping,我的理解是 严格的上下文隔离 ...翻译的可能不准确,但是通过字面理解,应该是angularjs严格的控制上下文访问,通过本文给大家介绍AngularJS 使用$sce控制代码安全检查,对angularjs sce相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 监听angularJs列表数据是否渲染完毕的方法示例

    监听angularJs列表数据是否渲染完毕的方法示例

    前端在做数据渲染的时候经常会遇到在数据渲染完毕后执行某些操作,这篇文章主要介绍了监听angularJs列表数据是否渲染完毕的方法示例,非常具有实用价值,需要的朋友可以参考下
    2018-11-11
  • angular6.0开发教程之如何安装angular6.0框架

    angular6.0开发教程之如何安装angular6.0框架

    这篇文章主要介绍了angular6.0开发教程之如何安装angular6.0框架,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

    在 Angular6 中使用 HTTP 请求服务端数据的步骤详解

    本文分步骤给大家介绍了在 Angular6 中使用 HTTP 请求服务端数据的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • AngularJS 中的事件详解

    AngularJS 中的事件详解

    本文主要介绍AngularJS 事件,这里整理了相关资料,比较详细的介绍了AngularJS的使用方法,有需要的小伙伴参考下
    2016-07-07
  • angularjs使用gulp-uglify压缩后执行报错的解决方法

    angularjs使用gulp-uglify压缩后执行报错的解决方法

    下面小编就为大家分享一篇angularjs使用gulp-uglify压缩后执行报错的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Angular 模块封装概念常见的错误分析理解

    Angular 模块封装概念常见的错误分析理解

    这篇文章主要为大家介绍了Angular模块封装概念常见的错误分析理解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • 深入理解Angular.JS中的Scope继承

    深入理解Angular.JS中的Scope继承

    这篇文章主要给大家深入的介绍了关于Angular.JS中Scope继承的相关资料,Angular。JS中scope之间的继承关系使用JavaScript的原型继承方式实现,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06

最新评论