6个JavaScript技巧

1.检查对象是否存在属性

const person = {
	name:'zhangsan',
	age:18
}
console.log('name' in person) //true
console.log('job' in person)  //false

2. 动态key析构对象

const person = {id:'12',name:'zhangsan'}
const {name : newName } = person
console.log('newName',newName) // newName zhangsan

const key = 'name'
const {[key] : data} = person
console.log('data',data)  // data zhangsan

3.循环访问对象

const person = {id:1,name:'zhangsan',flag:true}
Object.entries(person).forEach(([key,value]) => {
	if(['id','name'].includes(key)) {
		console.log('key',key,'value',value) 
		//key,id value,1
		//key,name value,zhangsan
	}
})

4.去除数组的重复值

const number = [1,2,2,3,4,4,5]
const newNumber = [...new Set(number)]
console.log(newNumber)  // [1,2,3,4,5]

5.检验是否是数组类型

const list = [1,2,3]
console.log(typeof list)  // Object
console.log(Array.isArray(list))  //true

6.字符串转数字和数字转字符串

const number = 123
console.log("to string",typeof (number + "")) 
// to string string

const str = "123"
console.log("to number", typeof +str)
// to number number