跳到主要内容位置

一个初级前端的对象常用方法小结

工作7个月的前端与【对象】的情缘及小结#

  • 使用字面量定义一个对象而不是用new(因为这样更方便识别出谁是我的对象,方便日和维护,害,说白了就是编程规范
let obj={}
  • 给对象赋值
// 0 常规赋值
obj={'1':'oneContent'}
// 1 末尾追加对象,采用解构的方法
obj={...obj,'2':'twoContent'}
// 2 如果对象的属性值与赋值变量一样,采用简写,例子如下
let x=123
obj={x} // 实际为: obj = {x:x} 缩写
  • 测量对象的长度
// 思路,将其转化为数组,然后再获取length
Object.keys(obj).length
Object.keys(value).length
// 上面这两个都可以,一个是获取对象所有左边的属性值,然后组成一个数组;一个是获取对象所有右边的value,然后组成一个数组。测量其
// 长度,自然就是该对象的长度了。
  • 对象的遍历几种方法
let obj ={'1':'A','2':'B','3':'C'}
// 方法1 采用for in
for (let i in obj){
console.log(i,':',boj[i]); // i 对应的是obj每个属性值
}
// 方法2 for 循环
for(let i=0; i<Object.keys(obj).length;i++){
console.log(Object.keys(obj)[i],':',obj[Object.keys(obj)[i]]); // 跟上面输出的是一样的结果
}

赋值、测量长度、遍历(在遍历的同时再次赋值)、分析其数据结构,这些都是我日常开发中经常用到了。好了,今天的小结就到这里~后面有所学习再做添补吧~~

谢谢看到末尾!码字不易,点赞是最大的支持哦!