5.内置构造函数

news2024/11/27 20:34:03

在JavaScript中最主要的数据类型有6种:
1.基本数据类型:
字符串、数值、布尔、undefined、 null
2.引用类型：对象

但是，我们会发现有些特殊情况:

//普通字符串
const str = 'andy'
console.1og(str.length) // 4

其实字符串、数值、布尔、等基本类型也都有专门的构造函数，这些我们称为包装类型。
JS中几乎所有的数据都可以基于构造函数创建。

5.1 Object

Object是内置的构造函数，用于创建普通对象。

//通过构造函数创建普通对象
const user = new Object({name: '小明',age: 15})

推荐使用字面量方式声明对象，而不是Object构造函数

以前我们获得对象里属性和值的方法（for in）

const obj = { name: 'Kai', age: 6 }
// 获得对象里的属性和值
for (let k in obj) {
   console.log(k) // 属性 name age
   console.log(obj[k]) // 值 Kai 6
}

现在有更简便的方法
学习三个常用静态方法( 静态方法就是只有构造函数Object可以调用的)
在这里插入图片描述

在这里插入图片描述

5.2 Array

Array是内置的构造函数，用于创建数组

const arr = new Array(3, 5)
console.log(arr)  // [3,5]

创建数组建议使用字面量创建，不用Array构造函数创建
在这里插入图片描述
一、reduce方法
作用: reduce 返回累计处理的结果，经常用于求和等
●基本语法:

参数：如果有起始值，则把初始值累加到里面

●reduce执行过程:
1.如果没有起始值，则上一次值以数组的第一个数组元素的值
2.每一次循环，把返回值给做为下一次循环的上一次值
3.如果有起始值，则起始值做为上一次值

二、数组常见方法-其他方法
在这里插入图片描述
具体查询mdn

三、数组常见方法-伪数组转换为真数组
静态方法Array.from()
【例如】

<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <script>
        const lis = document.querySelectorAll('ul li')
        const liss = Array.from(lis)
        // 真数组才能用pop()方法
        liss.pop()
        console.log(liss)  // [li, li]
    </script>
</body>