javascript数组操作方法

最新推荐文章于 2023-09-25 17:29:58 发布

Are杨

最新推荐文章于 2023-09-25 17:29:58 发布

阅读量320

点赞数 1

分类专栏： Javascript

原文链接：https://www.jb51.net/article/154887.htm

版权

Javascript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

JavaScript对象值去重的方法

var arr = [{
   key: '01',
   value: '乐乐'
  }, {
   key: '02',
   value: '博博'
  }, {
   key: '03',
   value: '淘淘'
  },{
   key: '04',
   value: '哈哈'
  },{
   key: '01',
   value: '乐乐'
  }];
  // 方法1：利用对象访问属性的方法，判断对象中是否存在key
  var result = [];
  var obj = {};
  for(var i =0; i<arr.length; i++){
   if(!obj[arr[i].key]){
     result.push(arr[i]);
     obj[arr[i].key] = true;
   }
  }
  console.log(result); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
  // 方法2：利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
  var obj = {};
  arr = arr.reduce(function(item, next) {
   obj[next.key] ? '' : obj[next.key] = true && item.push(next);
   return item;
  }, []);
  console.log(arr); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]

JavaScript数组中删除指定对象

let test = [
      {
        name: "Mike",
        incentives: "23.45",
        id: "1"
      },
      {
        name: "Larsen",
        incentives: "34.78",
        id: "2"
      },
      {
        name: "Steve",
        incentives: "26.78",
        id: "3"
      }
    ];
 //方法一
  let test1 = test.filter(obj => obj.id !== "2");
 //方法二
 test.splice(
      //find the index of the element to be removed
      test.indexOf(
        test.find(function(element) {
          return element.id === "2";
        })
      ),
      //remove 1 element from the index found
      1
    );