10.对象的使用,遍历

最新推荐文章于 2024-11-12 11:19:19 发布

清华都得不到的好学生

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量386

点赞数 3

分类专栏： js学习文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/jkjkjkjk_/article/details/136420340

版权

js学习专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的对象概念，包括对象的创建、属性访问与修改、删除、遍历以及对象内部方法的定义和调用。通过实例展示了如何在实际编程中使用这些对象特性。

摘要由CSDN通过智能技术生成

什么是对象

其实就是map那种键值对的存储形式，别的语言也有，老规矩，和别的语言差不多的就在给pink老师打一波广告。
在这里插入图片描述

常见的对象操作，其实没啥直接上代码吧

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>js对象</title>
</head>
<body>
  <script>

    // 创建对象
    let obj = {
      name: 'zhangsan',
      age: 18,
      sex: 'male',
      'hair': 'black'
    }  // 注意对象的属性是没有顺序的

    // 对象的属性访问  (两种方法)
    console.log(obj.name)
    console.log(obj['name'])  // 注意得加引号  都用这种就行了其实
    console.log(obj.hair)
    console.log(obj['hair'])

    // 对象的属性修改
    obj.name = 'lisi'
    obj.age = 20
    obj.sex = 'female'

    // 对象的属性删除(了解就行)
    delete obj.name

    // 对象的属性遍历
    for (let key in obj) {
      console.log(key, obj[key])
    }

    // 对象属性的添加
    obj['height'] = 1700
    console.log(obj)

    //对象里的方法(注意这里对象外面的叫做函数,对象里面的叫做方法)
    obj['sayHello'] = function() {
      console.log('hello')
    }
    
    // 调用对象里的方法
    obj['sayHello']()

    // 遍历对象  (注意这里用了for in来遍历对象，但是很少使用他来遍历数组的原因是这里如果遍历的屎数组那他的key是字符串，而数组的key是数字)
    console.log('开始遍历对象')
    for (let key in obj) {
      console.log(key, obj[key])  // 注意这里一定是obj[key]
    }
    console.log('结束遍历对象')



  </script>
</body>
</html>