比较两个数组中的值并生成一个新数组

Question

我有两个数组，它们可能有也可能没有相似的值const arrayOne = [orange, red, black, blue, yellow]const arrayTwo = [blue, purple, white, red]我正在使用react，useEffect我希望在通过它进行某些更改时onClick返回不相同的值例子：-const = [orange, purple, black, white, yellow]我已经尝试过以下...const [newArray, setNewArray] = useState([])const [reload, setReload] = useState(false)  useEffect(() => {    const results = arrayOne.filter((i) => {      return (        i.id != arrayTwo.id      )      setNewArray(results)    })  }, [reload])  return (    <button onClick={() => setReload(!reload) }>      Trigger useEffect    </button>  )

Answer 1

找到相似的项目，然后进行相应的过滤：

const arrayOne = ['orange', 'red', 'black', 'blue', 'yellow']

const arrayTwo = ['blue', 'purple', 'white', 'red']

// [red,blue]

const dupItems = arrayOne.filter(item => arrayTwo.includes(item));

const output = [...arrayOne.filter(item => !dupItems.includes(item)), ...arrayTwo.filter(item => !dupItems.includes(item))];

console.log(output);

Answer 2

也许这样的事情可以工作

const diffArray = arrayOne.reduce((acc, value) => {

  if ((arrayTwo.inclues(value) { return acc; }

  return acc.concat([value]);

}, []);

注意：请检查我的代码中是否有拼写错误，我是通过手机接听的

Answer 3

尝试这个

function diff (a1, a2) {

    var a = [], diff = [];

    for (var i = 0; i < a1.length; i++) {

        a[a1[i]] = true;

    }

    for (var i = 0; i < a2.length; i++) {

        if (a[a2[i]]) {

            delete a[a2[i]];

        } else {

            a[a2[i]] = true;

        }

    }

    for (var k in a) {

        diff.push(k);

    }

    return diff;

}

// call here 

diff( ['a', 'b'], ['a', 'b', 'c', 'd'] );

Answer 4

一种解决方案是这样做：

let arrayOne=['orange', 'red', 'black', 'blue', 'yellow'];

let arrayTwo=['blue', 'purple', 'white', 'red'];

let common=arrayOne.filter(value => arrayTwo.includes(value))

let result=[...new Set([...arrayOne,...arrayTwo])].filter(value=>common.indexOf(value)==-1)

console.log(result)