js只保留数组对象的某个属性或往数组对象添加属性
保留数组中对象的id属性，其他属性删除
var oldData=['id','123','name']；
var newData= oldData.map((item,index) =>{
    return Object.assign({},{'id':item.id})
})
console.log(newData)


假如我想往数组对象添加labe属性
	 data=res.data
     let arryNew = [];
     data.map((item, index) => {
     arryNew.push(Object.assign({}, item, { label: 1 }));
       });
     console.log(arryNew)

用的是es6对象新增语法 传送门
let arr = ["全部", "护肤", "日用百货", "母婴", "家居家纺", "美妆", "玩具"]
let arra = []
arr.map(((item, index)=> {
arra.push(Object.assign({name:item,value:item=="全部"?null:item}))
}))

var kvArray = [{key: 1, value: 10}, 
               {key: 2, value: 20}, 
               {key: 3, value: 30}];
var reformattedArray = kvArray.map(function(obj,index) { 
  console.log(index)
   var rObj = {};
   rObj.id=index;//添加id属性
   rObj[obj.key] = obj.value;//修改属性
   return rObj;
});
console.log(reformattedArray);

var reformattedArray2 = kvArray.map(function(obj,index) { 
   obj.id=index;//添加id属性
   return obj;//如果不返回则输出： Array [undefined, undefined, undefined]
});
console.log(reformattedArray2);

输出：

> 0

> 1

> 2

> Array [Object { 1: 10, id: 0 }, Object { 2: 20, id: 1 }, Object { 3: 30, id: 2 }]

> Array [Object { key: 1, value: 10, id: 0 }, Object { key: 2, value: 20, id: 1 }, Object { key: 3, value: 30, id: 2 }]

 

参考：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map

 

欢迎关注我的公众号

实习的第一个半月
项目到了比较尾声的阶段，是时候慢慢整理这一个半月学到的东西了。今天想要记录的是前后端联调时发生的一些小问题

“你这能不能直接给我多返回俩字段啊，我这v-for直接出来”

“另一个接口不是有数据么，你看能不能直接拼起来”

好吧，这种事情要么前端做要么后端做。好在不难，一般就是下面这种情况
后端返回的数据再做处理


一般api.xxx接口后.then(res=>{

this.xx = res.data.arrobject

})

然后前端就v-for  item in xx ，接着就在需要的地方 item.name。但是发现前端页面需要另外一个属性 比如check Y OR N 。

那就在js中进行一些小处理即可。
let arrObject = [
	{
		name:'lly',
		age:'21'
	},
	{
		name:'qqy',
		age:'20'
	},
	{
		name:'JJy',
		age:'21'
	}
]
console.log(arrObject)
arrObject.map((item,index) =>{
	return Object.assign(item,{'hobboy':'football'})
})
console.log(arrObject)


map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

可以理解为枚举后一个一个处理里面的每个对象，为他们添加上属性。

这没什么值得说的。最后打印出来



这里要说的是深浅拷贝的知识点
Object.assign是深拷贝还是浅拷贝
对象的浅拷贝：浅拷贝是对象共用的一个内存地址，对象的变化相互影响。

对象的深拷贝：简单理解深拷贝是将对象放到新的内存中，两个对象的改变不会相互影响。

简单得说浅拷贝=》拿别人的处理完了要把自己的劳动成果给别人

深拷贝=》拿别人的 拿完跑路 渣男行为！后面的操作和原来的无关

可以写一些代码测试一下
let oldObj = {'name':'lly','age':'21'}
			let newObj = Object.assign({}, oldObj );
			console.log(oldObj)
			console.log(newObj)
			oldObj.name = 'kukukukukulllyyyy'
			console.log(oldObj)
			console.log(newObj)
			newObj.age = '1111111111'
			console.log(oldObj)
			console.log(newObj)



发现 诶？好像是深拷贝！渣男方法！

莫急继续往下测试
let oldObj = {'name':'lly','hobby':{ 'ball':'football','sport':'run'}}
			let newObj = Object.assign({}, oldObj );
			console.log(oldObj)
			console.log(newObj)
			oldObj.hobby.ball = 'basketball'
			console.log(oldObj)
			console.log(newObj)
			newObj.hobby.sport = 'swimming'
			console.log(oldObj)
			console.log(newObj)




哈呀？怎么一会深拷贝一会浅拷贝！

分析：当我们修改目标对象的属性值的时候，源对象的name没有变化，但是他的hobby.sport缺被改变了。

所以Object.assign()是不是渣男要看对象的属性值类型。

（String，number），通过Object.assign({},oldObj)得到的新的对象为深拷贝；如果属性值为对象或其他引用的类型，那这时候就是浅拷贝
415状态码并报错Unsupported Media Type
在接口注册的时候，type没写好导致的。

比如昨天遇到的这个报错，首先检查了路径，没有问题，415的状态码，查阅资料发现是Content-Type没设置好的问题，需要的是application/json

默认的是application/x-www-form-urlencoded。

所以只需要在接口注册的时候 type为json即可