js对对象操作

最新推荐文章于 2024-04-19 13:30:20 发布

明阳mark

最新推荐文章于 2024-04-19 13:30:20 发布

阅读量187

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_36939013/article/details/98472029

版权

js 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

遍历对象

 for(let [key,value] of Object.entries(fruits)){
     console.log(key, value)
  }

也可以遍历li

<body>
    <ul>
        <li>阿萨</li>
        <li>时代</li>
        <li>地方</li>
    </ul>
</body>
<script>
   const lis = document.querySelectorAll('li');
   for(let li of lis){
       li.addEventListener('click', function() {
           this.classList.toggle('completed')
       })
   }
   const names = Array.from(lis, li => li.textContent)
   //一下是分步方法
   //将nodeList转换为li数组
//    const lisArr = Array.from(lis);
//    //将li数组的内容提取出来转换为数组
//    const names = lisArr.map(li => li.textContent)
   console.log(names)  
</script>

给对象新增属性

formatDtails(details: AttendDetail[]){
  let formatObj:any = {};
    for(let i = 0; i<details.length; i++){
        let currentDetail = details[i];
        let date = currentDetail.date;
        let status = this.getStatus(currentDetail);
        formatObj[date] = status
    }
    return formatObj;
}

定义对象

let columns: { title: string, prop: string }[] = []

创建对象

在这里插入图片描述

  let checkpoints = location.coords.map((coord: any) => {
            let item: PatrolDroneStationPlanCheckpoint = <any>{
                id: null,
                stationId: null,
                stationPlanId: null,
                lat: coord[1],
                lng: coord[0],
                alt: 0,
                orderNo: 0
            };
            return item;
        });

获取的checkpoints

在这里插入图片描述

对象和json字符串互转

对象转json字符串

JSON.stringify(object)

json字符串转对象

JSON.parse(JsonString);

避免对象一开始是空报错的方法

 <el-form-item label="地址:" prop="address">
                        <el-input type="text" v-model="editingAirShiftStation.location.address" autocomplete="off"></el-input>
</el-form-item>

location: {
     address: <any>null,
      districtCode: <any>null,
      lat: <any>null,
      lng: <any>null,
      alt: <any>null,
  },

明阳mark

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js对对象操作

遍历对象 for(let [key,value] of Object.entries(fruits)){ console.log(key, value) }也可以遍历li<body> <ul> <li>阿萨</li> <li>时代</li> &lt...
复制链接

扫一扫