const o = {uname:'佩奇',age:16}
//获取属性名
console.log(Object.keys(o))
//获得属性值
console.log(Object.values(o))
//简单拷贝,将gender放进o内
Object.assign(o,{gender:'女'})
console.log(o)
数组reduce方法,常用于累加
//prev为累计值,item为当前值,用正常匿名函数填写的话{}后接一个起始值,但大多数情况下都不用
const arr = [1,2,3]
const res = arr.reduce((prev,item)=>prev+item)
console.log(res)
用reduce的简单案例,涨幅
const arr =[ {name:'张三', salary : 10000 }, {name : '李四', salary : 10000 }, {name : '王五', salary : 20000 }, ] //起始值为0开始, const money = arr.reduce((prev,item)=>{return prev+item.salary * 0.3} ,0) //不用return,注意写法 const money = arr.reduce((prev,item)=>prev+item.salary * 0.3 ,0) console.log(money)
关于find的使用
const arr =[
{name:'张三',
salary : 10000
},
{name : '李四',
salary : 10000
},
{name : '王五',
salary : 20000
},
]
const tab = arr.find(item => item.name === '李四')
console.log(tab)
用join的方式添加数据中的连字符
//这段为后台传过来的数据 const spac = {size : '40cm*40cm', color : '黑色'} //记住values一定前加Object才可以算是获取join的/符号是连接在数据的size和color之间的, //再获取html界面的div直接填入进去就可以了 document.querySelector('div').innerHTML = Object.values(spac).join('/') //join为将数组转为字符串 //split为字符串转为数组 const str = 'pink,red' const arr = str.split(',') //代表遇到逗号开始分割 console.log(arr)
把为数组改成真数组
//上有ul 和 li
const lis = document.querySelector('ul li')
const liss = Array.from(lis)
console.log(liss.pop())
字符串的截取,用处会截取部分数据字符串
//字符串的截取,substring,注意的是,左为闭区间,又闭区间又为开区间
const str = '我吃饭了么,你呢?'
let a = str.substring(1,3)
console.log(a)
关于判断是否为指定字符开头返回布尔值
const str = '我在吃饭了'
console.log(str.startsWith('我'))
返回值:true
关于includes
//includes判断字符串是否包含在字符串内,具体内容可以后续查MDN
const str = '我马上要吃饭了你呢?'
console.log(str.includes('安安'),1)//索引为1开始的没安也返回假
输出:flase 因为str内没有安安
用split和join模拟一个下商品的标签
//先生成一个模拟数据
const gift = '50g茶叶,清洗球'
//先用split将gift字符串变成一个数组,再用map遍历数组,map内填写箭头函数,item代表数组内的个数,因为map遍历室友返回值的所有return了span标签,再用join将数组变成字符串,最后获取div将内容替换
const str = gift.split(',').map(item=>`<span>[赠品]${item}</span><br>`).join('')
document.querySelector('div').innerHTML = str