快捷導(dǎo)航

AngularJS操作鍵值對(duì)象類似java的hashmap(填坑小結(jié))

更新時(shí)間：2016年11月12日 09:49:44 投稿：mrr

我們知道java的hashmap中使用最多的是put(...),get(...)以及remove()方法，那么在angularJS中如何創(chuàng)造（使用）這樣一個(gè)對(duì)象呢？今天小編通過本文給大家分享下，感興趣的朋友一起學(xué)習(xí)吧

前言：

我們知道java的hashmap中使用最多的是put(...),get(...)以及remove()方法，那么在angularJS中如何創(chuàng)造（使用）這樣一個(gè)對(duì)象呢

思路分析：

我們知道在java中可以采用鏈?zhǔn)皆L問和”[]“訪問hashmap的某一個(gè)值

具體實(shí)現(xiàn)：

鏈?zhǔn)皆L問：

.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.驗(yàn)證

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.總結(jié)：

angul作鍵值對(duì)象（hashmap）建議采用方式二來實(shí)現(xiàn)

以上所述是小編給大家介紹的AngularJS操作鍵值對(duì)象類似java的hashmap(填坑小結(jié))，希望對(duì)大家有所幫助，如果大家有任何疑問歡迎給我留言。

您可能感興趣的文章:

相關(guān)文章

angularjs定時(shí)任務(wù)的設(shè)置與清除示例
本篇文章主要介紹了angularjs定時(shí)任務(wù)的設(shè)置與清除示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
詳解angularJS動(dòng)態(tài)生成的頁面中ng-click無效解決辦法
這篇文章主要介紹了詳解angularJS動(dòng)態(tài)生成的頁面中ng-click無效解決辦法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-06-06
AngularJS 使用$sce控制代碼安全檢查
SCE，即strict contextual escaping,我的理解是嚴(yán)格的上下文隔離 ...翻譯的可能不準(zhǔn)確，但是通過字面理解，應(yīng)該是angularjs嚴(yán)格的控制上下文訪問，通過本文給大家介紹AngularJS 使用$sce控制代碼安全檢查，對(duì)angularjs sce相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
監(jiān)聽angularJs列表數(shù)據(jù)是否渲染完畢的方法示例
前端在做數(shù)據(jù)渲染的時(shí)候經(jīng)常會(huì)遇到在數(shù)據(jù)渲染完畢后執(zhí)行某些操作，這篇文章主要介紹了監(jiān)聽angularJs列表數(shù)據(jù)是否渲染完畢的方法示例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2018-11-11
angular6.0開發(fā)教程之如何安裝angular6.0框架
這篇文章主要介紹了angular6.0開發(fā)教程之如何安裝angular6.0框架，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-06-06
在 Angular6 中使用 HTTP 請(qǐng)求服務(wù)端數(shù)據(jù)的步驟詳解
本文分步驟給大家介紹了在 Angular6 中使用 HTTP 請(qǐng)求服務(wù)端數(shù)據(jù)的方法,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-08-08
AngularJS 中的事件詳解
本文主要介紹AngularJS 事件,這里整理了相關(guān)資料,比較詳細(xì)的介紹了AngularJS的使用方法,有需要的小伙伴參考下
2016-07-07
angularjs使用gulp-uglify壓縮后執(zhí)行報(bào)錯(cuò)的解決方法
下面小編就為大家分享一篇angularjs使用gulp-uglify壓縮后執(zhí)行報(bào)錯(cuò)的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Angular?模塊封裝概念常見的錯(cuò)誤分析理解
這篇文章主要為大家介紹了Angular模塊封裝概念常見的錯(cuò)誤分析理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
深入理解Angular.JS中的Scope繼承
這篇文章主要給大家深入的介紹了關(guān)于Angular.JS中Scope繼承的相關(guān)資料，Angular。JS中scope之間的繼承關(guān)系使用JavaScript的原型繼承方式實(shí)現(xiàn)，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-06-06