如何解决通过检查对象内部字段的唯一性来创建对象的动态数组:Javascript
我需要基于检查字段的唯一性来创建动态对象数组。我需要用这种格式的对象形成一个数组
[
{ text : "select",label: "select",value: []},{ text: "abc",label: "abc",value: [1,2,3] }
]
我只需要获取一个具有“select”字段的对象,然后操作该对象。如果不存在,则需要创建一个。这里的值是一个字符串数组,检查唯一性后将元素压入其中。 . 将传递一个输入字符串,值数组将与该字符串进行比较。假设“test”是一个 input ,那么数组应该是这样的,
{ text : "select",value: ["test1"]}
如果 test1,test2 随后通过,那么最终的数组应该是这样的
{ text : "select",value: ["test1","test2","test3"]}
如果再次传递 test1
,则不应推送它,因为它已存在于数组中。比较不区分大小写
function checkAndPush(arr,inputVal){
let finalArr = [];
if (arr?.some((item) => item.text === "select")) {
finalArr = [...new Set(arr.map((item) => item.text.toLocaleLowercase() === inputVal.toLocaleLowercase())
} else {
finalArr.push({ text : "select",value: [inputVal]});
}
console.log(finalArr);
}
解决方法
// I guess this is what you trying to do...?
// so you have this obj_list
const obj_list = [
{ text: "select",label: "select",value: ["test1","test2","test3"] },{ text: "abc",label: "abc",value: [1,2,3] }
];
// something like button,pressed and input is "test1"
function buttonOnclick(input = "test1") {
// try to get obj that text is "select"
let target = obj_list.find(obj=> obj.text == "select");
// if not found,creat it and push in to obj_list
if(!target) {
target = { text: "select",value: [] };
obj_list.push(target);
}
// check value and save result
target.value = checkAndPush(target.value,input);
}
function checkAndPush(arr,inputVal) {
// creat empty array if not exist for some reason
if (!arr) arr = [];
// use input array as set
let current_arr_set = new Set(arr);
// make value check case insensitive
inputVal = inputVal.toLocaleLowerCase();
// if inputVal not in set,push it to arr
if (!current_arr_set.has(inputVal)) arr.push(inputVal);
// return edited arr
return arr;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。