javascript-根据对象的长度比较两个对象数组

Question

我有2个对象数组和2个如果条件

    if(JSON.stringify(this.updatedData) !== JSON.stringify(this.originalData) && this.updatedData.length === this.originalData.length) {            
        this.customAttributes = editedCustomAttributes;
        this.customAttributes.forEach(function (element) {
          element.action = "edit";
        });
    }
      
    if (JSON.stringify(this.updatedData) !== JSON.stringify(this.originalData) && his.updatedData.length !== this.originalData.length) {
        const items = this.updatedData.filter(item => item.attributeId == null);
        items.forEach(function (element) {
          element.action = "add";
        });
    }

编辑网格行时，原始数据和updatedData将具有相同的长度，因此第一个if条件执行。当我添加新行时，updatedData长度将超过原始数据，因此第二个如果条件执行。

但我有一种情况，用户可以添加一个新行，然后立即编辑一个现有行。在那个特定的场景中，我需要执行if条件，并且我停留在那里。我们将听取任何建议。谢谢

Answer 1

您可以尝试以下方法：

function check() {
  const original = JSON.stringify(originalData)

  if (originalData.length !== updatedData.length) {
    // If lengths are not equal then new rows were added
    addedAction()

    // Check the two arrays again without those new rows
    const newRows = updatedData.length - originalData.length
    if (JSON.stringify(updatedData.slice(0, -newRows)) !== original) {
      editedAction()
    }

  } else if (JSON.stringify(updatedData) !== original) {
    editedAction()
  }

}

addedAction（）和editedAction（）函数正是对编辑或添加的响应。

在执行添加和编辑的情况下，由于长度不同，将首先执行addedAction（）。然后根据updateData的一部分检查originalData，如果删除新添加的行后它们不相同，则执行editedAction（）函数。

以下是三种情况的示例：

function check() {
  const original = JSON.stringify(originalData)

  if (originalData.length !== updatedData.length) {
    // If lengths are not equal then new rows were added
    addedAction()

    // Check the two arrays again without those new rows
    const newRows = updatedData.length - originalData.length
    if (JSON.stringify(updatedData.slice(0, -newRows)) !== original) {
      editedAction()
    }

  } else if (JSON.stringify(updatedData) !== original) {
    editedAction()
  }

  console.log('')
}

function editedAction() {
  console.log('Edited')
}

function addedAction() {
  console.log('Added')
}

console.log('First case:')
let originalData = [{ name: 'a' }, { name: 'b' }]
let updatedData = [{ name: 'a' }, { name: 'b' }, { name: 'd' }, { name: 'asd' }]
check()

console.log('Second case:')
originalData = [{ name: 'a' }, { name: 'b' }]
updatedData = [{ name: 'a' }, { name: 'TEST' }]
check()

console.log('Third case:')
originalData = [{ name: 'a' }, { name: 'b' }]
updatedData = [{ name: 'a' }, { name: '123' }, { name: 'test2' }]
check()

.as-console-wrapper { min-height: 100% }