js存储多个键值对儿
Posted Coder,Not hair
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js存储多个键值对儿相关的知识,希望对你有一定的参考价值。
js存储多个键值对儿
背景
经常在开发过程中碰到这种情况,比如需要保存某个人的分数,那么就需要在页面上填写分数,如果是在table中填写的话,需要多个人的多个分数,如何做到一一对应。目前提供两个版本。
使用字典类型保存
需要保存用户的id和用户的分数,那么可以以id为key,分数为value进行保存。以下为代码
$(‘#btn_post_page_verti‘).on(‘click‘, function () {
let dictionary = new Array(10);
$("input[name=‘inp_items_info_pro‘]").each(function () {
let id = $(this).val();
let ver_num = $(this).parents(‘tr‘).find(‘td‘).eq(6).find(‘#inp_vertifyNumber‘).val();
dictionary[id] = ver_num;
});
console.log(dictionary)
console.log(dictionary.length)
if (dictionary.length === 0) {
alert("您没有选中任何数据,请点击复选框后重试!");
}
})
这种做法的优点是一一对应,方便传输。缺点是无法将id映射成为string,这就证明了,如果你的id最大号是1000或者更大的数,js会为你开辟1000或者更大的空间,空间浪费极大,而且声明了空间大小也没用。还有有可能会有这种想法,将id变成string,我试过,但是不管用。也是会按照最大的id进行开辟空间。
使用数组保存
$(‘#btn_post_page_verti‘).on(‘click‘, function () {
let ids = new Array();
let numbers = new Array();
let idsCount = 0;
let numbersCount = 0;
$("input[name=‘inp_items_info_pro‘]").each(function () {
ids[idsCount++] = $(this).val();
});
$("input[name=‘inp_vertify_pro_number‘]").each(function () {
numbers[numbersCount++] = $(this).val();
});
console.log(ids);
console.log(numbers);
$.post(‘/manage/postPageVertify‘,{
ids:ids,
numbers:numbers
},function (response) {
})
})
使用这种的优点是使用空间小,有多少数据能充多少数据。缺点是不能一一对应
以上是关于js存储多个键值对儿的主要内容,如果未能解决你的问题,请参考以下文章