1. 数组 转 对象

  var arr = ["刘备","关羽","张飞","赵云","马超","黄忠"];
  var obj={};
  
  for(key in arr) {
     obj[key] = arr[key] //上面的对象obj会被这里新转换的替换
   }
   //或
   for (let key in arr) {
     obj[key] = arr[key];
   };
   let newObj = Object.keys(obj).map(val => ({
        label: obj[val],
        value: obj[val]
   }));
  console.log(newObj)
  

在这里插入图片描述

2.对象 转 数组

方法一:
  var obj = {name:"张三",name:"李四",name:"王五"};
  var arr = [];
  arr = Object.values(obj)  //obj就被转换成数组了

方法二:
  var obj = {name:"土豆",weight:999}
  let arr = [];
  let arr2 = [];
  for (let i in obj) {
     arr.push(i);
     arr2.push(cl[i]);
  }

3.JS通过对象通过value 找key

 //创建一个方法,返回value值对应的key
  findKey (obj,value, compare = (a, b) => a === b) {
     return Object.keys(obj).find(k => compare(obj[k], value))
 },
  //通过value获取key
  var jj = this.findKey(obj ,'土豆');

4. JS通过对象通过key 找value

var name = obj [‘name’];
  console.log(name);

5.获取对象长度

对象的长度不能用.length获取,用js原生的Object.keys可以获取到

    var obj = {'ww':'11','ee':'22};
    var arr = Object.keys(obj);
   arr.length=2

6.两个json数组合并去重,以及删除某一项元素

let ha = [
 {id:'H',name:'3'},
 {id:'A',name:'6'},
 {id:'B',name:'14'},
 {id:'C',name:'60'}
 ];

let hb= [ 
 {id:'H',name:'2'},
 {id:'A',name:'6'},
 {id:'B',name:'16'}, 
 {id:'N',name:'2'},
 {id:'C',name:'19'}
 ];

// 合并两个json数组,并去重;

ha= Object.assign([], ha, hb);
console.log('ha',ha);

// [ 
 {id:'H',name:'2'},
 {id:'A',name:'6'},
 {id:'B',name:'16'}, 
 {id:'N',name:'2'},
 {id:'C',name:'19'}
 ];


// 去除json数组中的某一项

ha.splice(3, 1);
console.log('ha',ha);

// [ 
 {id:'H',name:'2'},
 {id:'A',name:'6'},
 {id:'B',name:'16'}, 
 {id:'C',name:'19'}
 ];

注:

一、Object.assign()方法,浅拷贝、对象属性的合并(数组是对象)

二、splice()方法
arrayObject.splice(index, howmany, item1, ....., itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。

参数1:index 为插入添加或(和)删除的起始位置;

参数2:howmany 指定从数组中添加/删除的元素个数;

参数3:item1, …, itemX 可选,选择添加操作时填入,表示需要添加的元素。

将两个json数组合并

var str1=[{name:"11",age:11}];
var str2=[{name:"22",age:22}];
 
var str3 = [];
 
for (var i = 0; i < str1.length; i++) {
  str3.push(str1[i]);
}
 
for (var i = 0; i < str2.length; i++) {
  str3.push(str2[i]);
}
 
--------------
 
var str3 = str1.concat(str2);

本质上是数组,用合并数组的方法来进行合并。

JS实现JSON数组合并和去重

有两个json数组demo1和demo2

var demo1 = [{“id”: 0, “name”: “牛肉”},{“id”: 1,“name”: “羊肉”}];
var demo2 = [{“id”: 2, “name”: “牛肉”},{“id”: 3,“name”: “鱼肉”},{ “id”: 4,“name”:“鸡肉”}];

数组合并

var totalDemo = demo1.concat(demo2);
console.log(totalDemo); //[{“id”: 0, “name”: “牛肉”},{“id”: 1,“name”: “羊肉”},{“id”: 2, “name”: “牛肉”},{“id”: 3,“name”: “鱼肉”},{ “id”: 4,“name”:“鸡肉”}]

数组合并用的是concat方法,它可以用于字符串之间的连接和数组之间的连接。

数组去重

上面已经得到合并的数组 totalDemo ,去掉name属性是一样的json对象

var temp = {};  //用于name判断重复
var result = []; //最后的新数组

totalDemo.map(function (item, index) {
  if(!temp[item.name]){
    result.push(item);
    temp[item.name] = true;
  }
});

console.log(result);//[{"id": 0, "name": "牛肉"},{"id": 1,"name": "羊肉"},{"id": 3,"name": "鱼肉"},{ "id": 4,"name":"鸡肉"}];

map方法:按照原始数组元素顺序依次处理元素。可以在map方法里面输入console.log(item)打印看下,它会把数组中的对象依次打印出来。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐