通过检查对象内部字段的唯一性来创建对象的动态数组：Javascript答案

【问题标题】：Create a dynamic array of objects by checking uniqueness of a field inside object : Javascript通过检查对象内部字段的唯一性来创建对象的动态数组：Javascript
【发布时间】：2021-08-04 18:11:15
【问题描述】：

我需要基于检查字段的唯一性来创建动态对象数组。我需要用这种格式的对象组成一个数组

[
  { text : "select", label: "select", value: []},
  { text: "abc" , label: "abc" , value: [1,2,3] }
]

我必须只获取一个具有“选择”字段的对象，然后操作该对象。如果不存在，则需要创建一个。这里的 value 是一个字符串数组，在检查唯一性后将元素推入其中。 . 将传递一个输入字符串，将与值数组进行比较。假设“test”是一个输入，那么数组应该是这样的，

{ text : "select", label: "select", value: ["test1"]}

如果 test1, test2 随后通过，那么最终的数组应该是这样的

{ text : "select", label: "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", label: "select", value: [inputVal]});
     }
     console.log(finalArr);
}

【问题讨论】：

if 语句的 then 情况产生一个布尔数组，else 情况只在数组中放置一个对象。我不明白你怎么能期望它起作用。

标签： javascript arrays ecmascript-6 ecmascript-5 ecmascript-2016

【解决方案1】：

// 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", label: "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;
}

【讨论】：