【JavaScript】11_对象初步:数据类型

简介: # 1、初识对象### 数据类型:​ 原始值​ 1.数值 Number​ 2.大整数 BigInt​ 3.字符串 String​ 4.布尔值 Boolean​ 5.空值 Null​ 6.未定义 Undefined​ 7.符号 Symbol​ 对象- 对象是JS中的一种复合数据类型,​ 它相当于一个容器,在对象中可以存储各种不同类型数据​ 原始值只能

1、初识对象

数据类型:

​ 原始值

​ 1.数值 Number

​ 2.大整数 BigInt

​ 3.字符串 String

​ 4.布尔值 Boolean

​ 5.空值 Null

​ 6.未定义 Undefined

​ 7.符号 Symbol

​ 对象

  • 对象是JS中的一种复合数据类型,

​ 它相当于一个容器,在对象中可以存储各种不同类型数据

​ 原始值只能用来表示一些简单的数据,不能表示复杂数据
​ 比如:现在需要在程序中表示一个人的信息

 let name = "孙悟空"

 let age = 18

 let gender = "男" 

​ 对象中可以存储多个各种类型的数据

​ 对象中存储的数据,我们称为属性

​ 向对象中添加属性:

​ 对象.属性名 = 属性值

​ 读取对象中的属性

​ 对象.属性名

​ - 如果读取的是一个对象中没有的属性

​ 不会报错而是返回undefined

    <title>初识对象</title>
    <script>
        let obj = Object()

        obj.name = '孙悟空'
        obj.age = 12
        obj.gender = '男'

        //修改属性
        obj.name = 'wu'

        //删除属性
        delete obj.age
        alert(obj.age)//undefined
    </script>

2、对象的属性

属性名

  • 通常属性名就是一个字符串,所以属性名可以是任何值,没有什么特殊要求
    但是如果你的属性名太特殊了,不能直接使用,需要使用[]来设置
    虽然如此,但是我们还是强烈建议属性名也按照标识符的规范命名
  • 也可以使用符号(symbol)作为属性名,来添加属性
    获取这种属性时,也必须使用symbol
    使用symbol添加的属性,通常是那些不希望被外界访问的属性
  • 使用[]去操作属性时,可以使用变量

属性值

  • 对象的属性值可以是任意的数据类型,也可以是一个对象

使用typeof检查一个对象时,会返回object

相关文章
|
11天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
1天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
7 1
|
1天前
|
JavaScript 前端开发
JavaScript 提供了多种方法来操作 DOM(文档对象模型)
【5月更文挑战第11天】JavaScript 用于DOM操作的方法包括获取元素(getElementById, getElementsByClassName等)、修改内容(innerHTML, innerText, textContent)、改变属性、添加/删除元素(appendChild, removeChild)和调整样式。此外,addEventListener用于监听事件。注意要考虑兼容性和性能当使用这些技术。
6 2
|
4天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
14 1
|
5天前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
10 1
|
12天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
12天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
12天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
12天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象
|
12天前
|
存储 JavaScript 前端开发
JavaScript对象
JavaScript对象