5.内置构造函数

在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.内置构造函数_第1张图片

5.内置构造函数_第2张图片

5.内置构造函数_第3张图片

5.2 Array

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

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

创建数组建议使用字面量创建,不用Array构造函数创建
5.内置构造函数_第4张图片
一、reduce方法
作用: reduce 返回累计处理的结果,经常用于求和等
●基本语法:
在这里插入图片描述
参数:如果有起始值,则把初始值累加到里面

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

二、数组常见方法-其他方法
5.内置构造函数_第5张图片
具体查询mdn

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

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

5.3 String

在js中的字符串、数值、布尔具有对象的使用特征,如具有属性和方法
之所以具有对象特征的原因是字符串、数值、布尔类型数据是JavaScript 底层使用Object构造函数“包装”来的,被称为包装类型。

常见实例方法
5.内置构造函数_第6张图片

5.4 Number

Number是内置的构造函数,用于创建数值
常用方法:
toFixed() 设置保留小数位的长度
5.内置构造函数_第7张图片
另外注意:
5.内置构造函数_第8张图片

你可能感兴趣的:(前端——JavaScript,javascript,前端,vue.js)