Web前端开发笔记之JS提升04——构造函数、Object构造函数、Array方法、RegExp方法、字符串方法

本文深入探讨JavaScript中的构造函数,包括如何创建对象、使用内置的Object构造函数及Array方法。此外,还介绍了instanceof和constructor的用法,以及字符串方法。通过实例展示了Object构造函数的不同声明方式,如字面量、结构化和assign方法,并利用Object.keys和Object.values获取对象属性。同时,文章也提及了Array的遍历、查找、条件判断等方法。最后,简要提到了正则表达式构造函数和包装类型的概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

构造函数:

constructor和instanceof:

 Object构造函数:

 Array方法:

 RegExp构造函数:

包装类型:

 字符串方法:


构造函数:

其实也是函数,只不过构造函数一般用于和new搭配使用创建对象。

内置的构造函数:Object,用于创建对象。使用如下:

    function Obj(name, age, address, phone, testArr = [1, 2, 3], testObj = {a: 1, b: 2, c: 3}) {
        this.name = name
        this.age = age
        this.addr = address
        this.phone = phone
        this.testArr = testArr
        this.testObj = testObj
    }

    let obj = new Obj('polaris', 18, 'JS.NJ', '13200000001')
    console.log(obj)

上面的这段代码在我的上一期中已经使用过,其中构造函数的名字使用大写开头。

constructor和instanceof:

instanceof用于判断是否是另一个构造函数的实例对象,constructor用于指回构造函数本身。注意他们两个的用法写法。

 静态成员和实例成员:

 Object构造函数:

 

具体用法如下:

<script>
	//字面量型声明法
	let obj3={}

    //Object结构型声明法
	let obj4=new Object({uname:'Polaris',age:18})
    console.log(obj4)

    //Object方法assign声明法
    let obj5=Object.assign({uname:'Polaris',age:18})
    console.log(obj5)

	//Object方法keys获取键
    console.log(Object.keys(obj5))

	//Object方法values获取值
    console.log(Object.values(obj5))
</script>

 Array方法:

遍历:

查找符合条件的值或索引:不存在返回undefined和-1

 

判断条件真假:

 

 判断所有元素是否满足条件:

 条件过滤后的新数组:

将所有元素全部用以处理后返回新的数组:

 

 RegExp构造函数:

包装类型:

所有的简单类型都可以转换成包装类型,即原本简单的数据都可以作为对象,只是被JS内部包装了。

 字符串方法:

详情请见MDN:

String - JavaScript | MDNString 全局对象是一个用于字符串或一个字符序列的构造函数。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String#%E7%9B%B8%E5%85%B3%E9%93%BE%E6%8E%A5

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言行物恒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值