JavaScript如何向数组末尾添加元素，去重，逆序返回最后指定个数的元素？

本篇文章向大家介绍《JavaScript如何向数组末尾添加元素，去重，逆序返回最后指定个数的元素？》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

javascript 中向数组末尾添加元素，去重并逆序返回指定位数的元素

在 javascript 中，欲向数组末尾添加元素并逆序返回指定位数的元素，可以按照以下步骤：

1. 检查数组中是否存在相同元素：遍历数组，对比新元素与现有元素的字段值，如果完全一致，则删除现有元素。
2. 添加新元素到数组尾部：使用 push() 方法将新元素添加到数组的末尾。
3. 截取指定位数的元素：使用 slice() 方法截取数组的最后几个元素，指定要截取的位数作为参数。
4. 逆序返回截取的元素：使用 reverse() 方法将截取的元素反转。

以下是实现上述步骤的 javascript 代码：

function updaterecentlist(list, newelement) {
  // 如果 list 为空或不是数组，则初始化为一个空数组
  if (!array.isarray(list)) {
    list = [];
  }

  // 比较两个对象的所有字段是否相等
  const issameobject = (obj1, obj2) => {
    return object.keys(obj1).length === object.keys(obj2).length &&
      object.keys(obj1).every(key => obj1[key] === obj2[key]);
  };

  // 查找数组中与新元素完全相同的对象的索引
  const index = list.findindex(item => issameobject(item, newelement));

  // 如果找到了该对象，将其移到数组的第一个位置
  if (index !== -1) {
    const [element] = list.splice(index, 1); // 移除该对象
    list.unshift(element); // 插入到数组的开头
  } else {
    // 如果没有找到该对象，则将新元素添加到列表的第一个位置
    list.unshift(newelement);
  }

  // 返回更新后的列表
  return list.slice(-3).reverse();
}

示例用法：

// 测试示例1
let list1 = [
  { id: 2 },
  { id: 3 },
  { id: 4 }
];

let newElement1 = { id: 2 };

console.log(updateRecentList(list1, newElement1)); // 期望输出: [{id: 2}, {id: 3}, {id: 4}]

// 测试示例2
let list2 = [
  { id: 1 },
  { id: 2 },
  { id: 3 },
  { id: 4 }
];

let newElement2 = { id: 3 };

console.log(updateRecentList(list2, newElement2)); // 期望输出: [{id: 3}, {id: 1}, {id: 2}]

// 测试示例3
let list3 = [
  { id: 1 },
  { id: 2 },
  { id: 3 },
  { id: 4 }
];

let newElement3 = { id: 2 };

console.log(updateRecentList(list3, newElement3)); // 期望输出: [{id: 2}, {id: 1}, {id: 3}]

到这里，我们也就讲完了《JavaScript如何向数组末尾添加元素，去重，逆序返回最后指定个数的元素？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！