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中route的使用方法和配置

    AngularJs中route的使用方法和配置

    angular是Google开发的一个单页面应用框架,是现在比较主流的单页面应用框架之一,下面通过本文给大家介绍AngularJs中route的使用方法和配置,感兴趣的朋友一起学习吧
    2016-02-02
  • AngularJS实现自定义指令与控制器数据交互的方法示例

    AngularJS实现自定义指令与控制器数据交互的方法示例

    这篇文章主要介绍了AngularJS实现自定义指令与控制器数据交互的方法,结合具体实例形式分析了AngularJS自定义指令的实现以及与控制器数据交互的操作技巧,需要的朋友可以参考下
    2017-06-06
  • Angular4中的checkbox 全选按钮启用禁用

    Angular4中的checkbox 全选按钮启用禁用

    这篇文章主要介绍了Angular4中的checkbox 全选按钮启用禁用的相关资料,需要的朋友可以参考下
    2023-03-03
  • 详解AngularJS中的表格使用

    详解AngularJS中的表格使用

    这篇文章主要介绍了详解AngularJS中的表格使用,作为热门的JavaScript框架,AngularJS中提供的表格功能十分强大,需要的朋友可以参考下
    2015-06-06
  • 详解Angular4 路由设置相关

    详解Angular4 路由设置相关

    本篇文章主要介绍了详解Angular4 路由设置相关,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • AngularJS控制器controller给模型数据赋初始值的方法

    AngularJS控制器controller给模型数据赋初始值的方法

    这篇文章主要介绍了AngularJS控制器controller给模型数据赋初始值的方法,涉及AngularJS控制器controller简单赋值操作实现技巧,需要的朋友可以参考下
    2017-01-01
  • 使用Angular CLI生成 Angular 5项目教程详解

    使用Angular CLI生成 Angular 5项目教程详解

    这篇文章主要介绍了使用Angular CLI生成 Angular 5项目的教程详解 ,需要的朋友可以参考下
    2018-03-03
  • 如何以Angular的姿势打开Font-Awesome详解

    如何以Angular的姿势打开Font-Awesome详解

    这篇文章主要给大家介绍了关于如何以Angular的姿势打开Font-Awesome的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Angular具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-04-04
  • AngularJS中使用ngModal模态框实例

    AngularJS中使用ngModal模态框实例

    本篇文章主要介绍了AngularJS中使用ngModal模态框实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • angular ngClick阻止冒泡使用默认行为的方法

    angular ngClick阻止冒泡使用默认行为的方法

    这篇文章主要介绍了angular ngClick阻止冒泡使用默认行为的方法,较为详细的分析了AngularJS中ngClick事件执行原理与阻止冒泡的实现技巧,需要的朋友可以参考下
    2016-11-11

最新评论