在反应中存储具有相同键和不同值的项目

Question

我需要在构造函数中定义一个状态变量来存储以下项目：

1. abc = 123
2. abc = 456
3. abc = 349
4. 定义 = 378
5. 定义 = 348
6. xyz = 123
7. xyz = 234

另外，我需要在变量上使用以下函数：

1. 插入新项目。示例：abc = 234，xyz = 239
2. 删除值为 123 的 abc。
3. 在插入/删除之前搜索项目是否已经存在： if (abc with value 123) 存在于变量中。

有哪些不同的方法可以做到这一点？最好的方法是什么？

到目前为止，我正在做这样的事情

//selectedCars= {} is a dictionary defined in the state contructor of other class

class xyz extends React.Component {
constructor(props) {
    super(props);
}

getMeSomething(car, color, event){
//car can be any car like honda or mercedes
//selected cars is a dictionary that is passed from other class in to this class as props
        var existingValues = []
        if (this.props.selectedCars[car] != undefined) {
            existingValues = this.props.selectedCars[car];
        }
        var indexOfCar = existingValues.indexOf(car);
        if (indexOfCar == -1) {
            if (event.target.checked) {
                existingValues.push(car);
            }
        }
        else if (!event.target.checked) {                 
                existingValues.splice(indexOfCar, 1);
        }
        this.props.selectedCars[car] = existingValues
}

render() {
    return (
        <div style={{ ...}}>
                {
                this.props.cars.map((car, i) => {
                    return <div key={i}><span className="yhn"><label><input type="checkbox" onChange={this.getMeSomething.bind(this, car, this.props.color)} /><span></span></label>{car}</span></div>
                    })
                }
        </div>
    );
}
}

Answer 1

我建议你使用数组模型。 如果存在，您可以轻松找到其上存储的项目。

看：

abc=[];
abc [0]=123;
abc [1]=456;
//and it is better to add them like below:
abc.push (789);
abc.push (101);

在你必须使用函数索引之前找出你的变量是否存储在 abc 上：

I = abc.indexOf(456); // Returns 1 that means you can find 456 on abc [1]
I2 = abc.indexOf (999); // Returns -1 that means the 999 is not stored on abc yet

而且性能完美，您无需担心搜索问题。

但是，根据您的使用情况，对象或字典可能有用。所以让我知道。