前端学习Day3

本文详细解释了JavaScript中构造函数的使用,包括创建对象、实例成员和静态成员的区别,以及Object和Array内置构造函数的常用方法如reduce、concat等。同时介绍了String对象的相关操作,如length、split、substring等。
摘要由CSDN通过智能技术生成

1.构造函数

利用构造函数创建对象,用于初始化对象

function Pig(name,age,gender){

this.name = name   //相当于obj.name = name

this.age = age

this.gender = gender

}

const peppa = new Pig('abc',12,'male')

构造函数一般都是大写字母开头,并用new执行(实例化,内部无需写return,返回值无效

new:1.创建新的空对象

2.构造函数this指向新对象

3.执行构造函数代码,修改this,增加新的属性

4.返回新对象

实例成员

在实例对象中的属性和方法

实例对象互不影响

静态成员

2.内置的构造函数

2.1Object

Object.key() 

Object.value()

Object.assign(a,b)复制对象

2.2Array

fillter 筛选 返回数组

reduce 返回累计处理的结果 经常用于求和

const total = arr.reduce(function(prev,current){

return prev + current

},初始值)

上一次值 + 当前值 如果有初始值,最后会加上初始值

eg arr = [1,2,3,4]

第一次 1 + 2 = 3

第二次 3 + 3 =6

第三次 6 + 4 = 10

如果没有初始值,prev是数组的第一个元素的值

每一次循环,把返回值作为下一次循环的prev

有初始值是,初始值作为prev

数组对象使用reduce求和时,要加上初始值0,否则prev是一个数组

join 把数组元素拼接成字符串 返回字符串

find 查找元素 返回符合条件的第一个元素值 否则undefined

every监测所有元素是否符合指定条件 都符合返回true 否则false

some检测数组中是否有满足条件的元素 有则返回true 否则false

concat合并数组 返回生成新数组

sort排序sort((a,b) => a-b)

splice删除或替换

reverse反转

findIndex查找符合元素的索引值

把伪数组转化为真数组: const liss = Array.from(lis)

map

2.3 String

length 获取字符串的长度

split把字符串转化为数组,根据括号内的元素分割(与join相反

substring(开始的索引号,结束的索引号) 截取字符串 左闭右开 结束的索引号不包含截取的部分

startsWith('aaa',10) 检测字符串是否以某个字符开头 返回true或false 从第十个字符开始检索(包括)是否以aaa开头

includes 判断字符串是否包含 可以从某个位置开始检测 区分大小写 es6新增 返回true或false

toFixed 可是设置数字保留位数

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值