【Javascript对象-学习小结】

目录

一、初始对象

1、什么是对象

在JavaScript中,对象是一.种数据类型,它是由属性和方法组成的一个集合。
属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使
用“对象.方法名()”进行访问。

2、面向对象编程

面向对象是一种工程的思想.

3、对象的定义

通过字面量"{}“进行定义,”{}“中包裹的是对象的成员(属性和方法),每个成员
都是以"key:value”(键-值对)方式存放,成员和成员之间用","分隔。

格式如下:

 var obj = {
		     name: '张三',
			 sex: '男',
			 age: 24,
			 call:function(name){},  //函数表达式
			 sendMessage:function(name){}  //函数表达式
		 }

☀️ 示例如下:

//对象的定义
var obj={
    name:'张三',
    sex:'男',
    age:24,
    call:function(name){//相当于一个函数表达式,call是变量
    console.log('给'+name+'打电话')
    },
    sendMessage:function(name){
        console.log('给'+name+'发信息')  
    }

}
console.log(obj)
console.log('姓名:'+obj.name)//输出属性值
obj.call('刘备')//给参数,参数可以变
obj.sendMessage(obj.name)//给参数,参数可以变

❤️输出结果:
在这里插入图片描述

4、创建空对象

(1)通过字面量"{}"创建

对象的字面量就是用花括号“{}”来包裹对象中的成员,每个成员使用“key:
value”的形式来保存,key表示属性名或方法名,value 表示对应的值。多个对
象成员之间用“,”隔开。

格式如下:

var  obj= { };//创建一个空对象.

☀️ 示例如下:

let pt ={}//创建一个空对象
pt.color='红色'//给对象添加一个属性
pt.showColor=function(){//给对象添加方法showColor
    console.log('颜色:'+pt.color)
}
console.log(pt)
pt.showColor()//调用对象的方法

❤️输出结果:
在这里插入图片描述

(2)通过new Object()创建

格式如下:

var obj= new Object();//创建了一个空对象
obj.name = '小明';//创建对象后,为对象添加成员
obj.age = 18;
obj.sex = '男;
obj.sayHello = function() {
console.log('Hello');
};

☀️ 示例如下:

let pt=new Object()//创建空对象
pt.size=65
pt.showSize=function(){
    console.log('尺寸:'+pt.size)
}
console.log(pt)
pt.showSize()

❤️输出结果:

在这里插入图片描述
(3)利用构造函数创建对象

使用构造函数创建对象的语法为“new 构造函数名()”,在小括号中可以传
递参数给构造函数,如果没有参数,小括号可以省略。

☀️语法结构:


//编写构造函数
function 构造函数名() {
this.属性=属性;
this.方法= function() {
//方法体
}
//使用构造函数创建对象
var obj= new 构造函数名();

二、内置对象

强调:Object对象是JavaScript中所有内置对象的父对象(即内置对象是从Object继承而来)

1.Math对象

Math对象:进行与数学相关的运算,不需要实例化(不用new运算符创建Math对象)。可以用Math直接访问其静态数学和静态方法。

(1)常用属性

Math.PI:表示圆周率

☀️ 示例如下:

console.log(Math.PI)
function getArea(radius){
    return Math.PI*radius*radius
}
let area =getArea(5)
console.log('圆的面积是:',area)

❤️输出结果:
在这里插入图片描述

(2)常用方法

A.Math.abs(x)方法

Math.abs(x):返回的x的绝对值

☀️ 示例如下:

//返回x绝对值
console.log(Math.abs(-5))

❤️输出结果:
在这里插入图片描述

B.Math.ceil(x)方法

Math.ceil(x):函数返回大于或等于一个给定数字的最小整数。

☀️ 示例如下:

//返回大于等于x的最小整数
console.log(Math.ceil(0.95))

❤️输出结果:
在这里插入图片描述

C.Math.floor(x)方法

Math.floor(x):返回小于或等于一个给定数字的最大整数

☀️ 示例如下:

//返回小于等于x的最大整数
console.log(Math.floor(0.95))

❤️输出结果:
在这里插入图片描述

D.Math.max()方法

Math.max():函数返回一组数中的最大值

☀️ 示例如下:

//找出一组数中的最大值
let arr=[12,25,46,67,33]
let max=Math.max(...arr)//'...'这三个点表示遍历数组中的每一个元素
console.log('数组中arr中的最大值:'+max)
let m1=Math.max(1,2,3)//找参数中的最大值
console.log('参数中的最大值:'+m1)

❤️输出结果:
在这里插入图片描述

E.Math.min()方法

Math.min():返回零个或更多个数值的最小值

☀️ 示例如下:

//找出一组数的最小值
let arr=[12,25,46,67,33]
let min=Math.min(...arr)//'...'这三个点表示遍历数组中的每一个元素
console.log('数组中arr中的最小值:'+min)
let m1=Math.min(1,2,3)//找参数中的最小值
console.log('参数中的最小值:'+m1)

❤️输出结果:
在这里插入图片描述

F.Math.pow(x,y)方法

Math.pow(x,y):返回x的y次方

☀️ 示例如下:

//Math.pow(r,x)计算r的x次方
console.log(Math.PI)
function getArea(radius){
    return Math.PI*Math.pow(radius,2)
}
let area =getArea(5)
console.log('圆的面积是:',area)

❤️输出结果:
在这里插入图片描述

G.Math.random()方法

Math.random():函数返回一个浮点数, 伪随机数在范围从0到小于1,也就是说,从0(包括0)往上,但是不包括1(排除1)

☀️ 示例如下:

//获取0-1之间的随机数
let arr=new Array(10)
for(let i=0;i<arr.length;i++){
    arr[i] = Math.random()//Math.random()返回一个浮点数,伪随机数,从0小于1
}
console.log(arr)

❤️输出结果:
在这里插入图片描述
☀️ 示例如下:

//获取0-10之间的随机数
let arr=new Array(10)
for(let i=0;i<arr.length;i++){
    arr[i] = Math.floor(Math.random()*10)//Math.random()返回一个浮点数,伪随机数,从0小于1
}
console.log(arr)

❤️输出结果:
在这里插入图片描述

H.Math.round(x)方法

Math.round(x):函数返回一个数字四舍五入后最接近的整数。

☀️ 示例如下:

let arr=new Array(10)
for(let i=0;i<arr.length;i++){
    arr[i] = Math.round(Math.random()*50)//Math.round,返回一个四舍五入的数
}
console.log(arr)

❤️输出结果:
在这里插入图片描述

I.Math.sqrt(x)方法

Math.sqrt(x):函数返回一个数的平方根

☀️ 示例如下:

//Math.sqrt()返回一个数的平方根
console.log('2的平方根',Math.sqrt(2))

❤️输出结果:
在这里插入图片描述

I.Math.sign()方法

Math.sign():函数返回一个数字的符号, 指示数字是正数,负数还是零。
-1:表示负数, 1:表示正数 ,0:表示0

小练习
1.定义一个三行四列二维数组,数组元素随机生成,找出二维数组中每行的最大值。
☀️ 示例如下:

let arr=new Array( //表示一个3*4二维数组
new Array(4),
new Array(4),
new Array(4))
let str=''
for(let i=0;i<arr.length;i++){//数组行下标
    for(let j=0;j<arr[i].length;j++){//数组列下标
        arr[i][j]=Math.round(Math.random()*100)//获取0-100随机数
        str+=arr[i][j]+'\t'
    }
    str+='\n'
   
}
console.log(str)
for(let i=0;i<arr.length;i++){
    let max=Math.max(...arr[i])//由Math方法找i行的最大值
    console.log('第'+(i+1)+'行最大值:',max)
}

❤️输出结果:
在这里插入图片描述2.求半径为5.5的圆的面积,保留小数点后三位有效数字。
☀️ 示例如下:

//求半径为5.5的圆的面积,保留小数点后三位有效数字
let area=Math.PI*Math.pow(5.5,2)
let t=parseInt(area*1000+0.5)
let k=t/1000
console.log('圆面积:',k)

❤️输出结果:
在这里插入图片描述
3.猜数字游戏
使程序随机生成一个1~10之间的数字,并让用户输入一个数字,
判断这两个数的大小,如果用户输入的数字大于随机数,那么提示“你猜大
了”,如果用户输入的数字小于随机数,则提示“你猜小了”,如果两个数
字相等,就提示“恭喜你,猜对了”,结束程序。

//获取指定范围内的随机数
function getRandom(min,max){
    return Math.floor(Math.random()*((max-min)+min))
}
let r =getRandom(1,10)
while(true){
    let num=prompt('猜数字:范围在1~10之间')//prompt()只能在html显示,所以得导入到html
    if(num>r){
        alert('猜大了')
    }else if(num<r){
        alert('猜小了')
    }else{
        alert('猜对了')
        break;
    }
}

2.日期对象

Date对象:日期对象。需要通过new Date()创建实例化一个对象然后才能使用

(1)创建Date对象:

A、new Date():创建一个代表当前日期的对象
B、new Date(年,月,日,时,分,秒):月份的值在0~11之间
C、new Date(毫秒数):给定毫秒数创建日期对象
D、new Date(日期字符串):通过给定的字符串创建日期对象

☀️ 示例如下:

//创建日期有以下四种方式:
//1.方法一:创建Date对象
let d1=new Date()
console.log(d1)//日期正确,时间随机
//2.方法二:创建第二个日期对象,给定年,月,日,时,分,秒(月的范围是0~11)
let d2=new Date(2008,5,12,14,32,45)
console.log(d2)//日期正确,时间是随机
//3.方法三:给定毫秒数创建日期对象
let num1 = new Date().getTime()
console.log(num1)
 let num=1653115299667
 let d3=new Date(num)
 console.log(d3)
//4.方法四:
let str ='2012-12-12T15:35:15'
let d4=new Date(str)
console.log(d4)

❤️输出结果:
在这里插入图片描述

(2)Date对象的get方法

A、getFullYear():获取日期对象的4位年份
B、getMonth():获取日期对象的月份(值在0~11之间)
C、getDate():返回一个指定的日期对象为一个月中的哪一日(1~31)
D、getDay():返回一个指定的日期对象是一周的第几天,0表示星期天
E、getHours():返回日期对象的小时数
F、getMinutes():返回日期的对象的分钟数
G、getSeconds():返回日期对象的秒钟数
H、getTime():返回1970年1月1日0时0分0秒到指定日期对象之间的毫秒数

☀️ 示例如下:

let d5=new Date()//空的,指的是当前日期时间
console.log('年:',d5.getFullYear())
console.log('月:',d5.getMonth()+1)  //getMonth(),从 0(1月)到 11(12月)
console.log('日:',d5.getDate())//获取指定日期对象为一个月中的哪一日
console.log('星期:',d5.getDay())//获取指定日期对象的星期几
console.log('小时:',d5.getHours())//获取指定日期对象的小时数
console.log('分钟:',d5.getMinutes())//获取指定日期对象的分钟数
console.log('秒数:',d5.getSeconds())//返回指定日期对象的秒数
console.log('毫秒数',d5.getTime())//返回1970年0时0分0秒到指定日期的毫秒数

❤️输出结果:
在这里插入图片描述

(3)小练习

①倒计时:端午节倒计时
☀️ 示例如下:

//练习:倒计时
function showTime(){
    //1.创建当前的日期对象
    let curr = new Date()
    //2.创建2022-6-3的日期对象,端午节
    let dt=new Date('2022-06-03')
    //3.获取毫秒数
    let t1=curr.getTime()
    let t2=dt.getTime()
    //4.计算毫秒之差,即当前日期与6.3之间的毫秒数
    let times=t2-t1
    //5.将毫秒数转换成剩余xx天xx时xx分xx秒
    let d=parseInt(times/1000/60/60/24)//转换成天
    d=d<10?'0'+d:d
    let h=parseInt(times/1000/60/60%24)//转换成小时
    h=h<10?'0'+h:h
    let m=parseInt(times/1000/60%60)//转换成分钟
    m=m<10?'0'+m:m
    let s=parseInt(times/1000%60)//转换成秒数
    s=s<10?'0'+s:s
    let str='端午节倒计时'+d+'天'+h+'小时'+m+'分钟'+s+'秒'
    document.getElementById('tt').innerHTML=str
    window.setTimeout(showTime,1000)//每间隔1秒钟,调用一次showTime()函数,刷新一次
}

3.数组对象

(1)常用属性

常用属性:length 表示数组的长度

(2)常用方法:

A.instanceof运算符/.isArray()数组类型检测方法:

a、instanceof运算符: 变量名 instanceof Array
b、isArray():Array.isArray(变量名)

☀️ 示例如下:

var arr=[]
var pt=10
//1.数组类型的检测的两种方式。
console.log(arr instanceof Array)//用来判断arr是否有Array
console.log(pt instanceof Array)//判断pt是否是数组

console.log(Array.isArray(pt))//判断pt是否是数组
console.log(Array.isArray(arr))//用来判断arr是否有Array

❤️输出结果:
在这里插入图片描述

B.push()/.unshift()给数组添加元素:

a、push():将一个或多个元素添加到数组的末尾,并返回该数组的新长度
b、unshift():将一个或多个元素添加到数组的开头,并返回该数组的新长度(该方法修改原有数组)

☀️ 示例如下:

//方法一: push给数组末尾添加元素
var a=[]
console.log('数组长度:'+a.length)
let k=a.push(12,23)//像数组末尾添加元素,返回的是该数组长度
console.log('数组长度:'+k)
console.log('数组元素是:'+a)
//方法二:unshift给数组开始添加元素,返回的是该数组长度
let m=a.unshift(123,14)
console.log('数组元素是:'+a)

❤️输出结果:
在这里插入图片描述

C.pop()/.shift()删除数组元素

a、pop():从数组中删除最后一个元素,并返回被删除元素的值
b、shift():从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。

☀️ 示例如下:

//方法一:pop()从数组中删除最后一个元素,并返回删除后的该数组元素
var a=[1,2,3,4]
let t=a.pop()
console.log('删除的元素:'+t)
console.log('删除数组后的元素是'+a)
//方法二:shift()从数组中删除第一个元素,并返回删除后的该数组元素
let p=a.shift()
console.log('删除后的元素是'+p)
console.log('数组长度:'+a.length)

❤️输出结果:
在这里插入图片描述

D.sort()/reverse()数组排序

a、sort():将待排元素转换成字符串,然后根据字符的UTF-16编码进行排序
b、reverse():将数组中元素的位置颠倒

☀️ 示例如下:

var arr=[45,32,45,123,65,98]
console.log('排序后的数组:',arr.sort())
console.log('反转后的数组:',arr.reverse())

❤️输出结果:
在这里插入图片描述

E.indexOf()/.lastIndexOf()数组的索引

a、indexOf():返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。
b、lastIndexOf():返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找

☀️ 示例如下:

var arr=[45,32,45,123,65,98]
let k=arr.indexOf(45)//在数组中第一次出现45的索引值
console.log(k)
let l=arr.lastIndexOf(45)//在数组中最后一次出现的45的索引值
console.log(l)

❤️输出结果:
在这里插入图片描述

F.toString()/.join(‘分隔符’)将数组转换为字符串

a、toString():把数组转换为字符串,用逗号分隔每一项
b、join(‘分隔符’):将数组的所有元素连接到一个字符串中,元素之间的分隔符为给定的分隔符

☀️ 示例如下:

//将数组转换为字符串
var a=[11,22,33,44,55]
var str = a.toString()//将运算结果转换为字符串,默认分隔符是","

var str = a.join('--')//分隔符为“--”
console.log(str)

❤️输出结果:
在这里插入图片描述

G.fill()填充数组

fill():用一个固定值填充一个数组中从起始索引到终止索引内的全部元素.不包括终止索引。

☀️ 示例如下:

//填充数组
var a=new Array(10)
a.fill(22)//用固定值进行填充一个数组从起始索引到终止索引的全部元素,不包括终止索引
console.log(a)

❤️输出结果:
在这里插入图片描述

H.filter()过滤数组元素

filter():将数组中元素按给定的条件进行过滤,过滤出的元素放在新数组中返回。

☀️ 示例如下:

//过滤数组元素,将数组元素按给定的条件过滤,过滤出的元素
var words=['spray','limit','elite','exuberant','destruction','present']
//将words数组中长度大于6的字符串过滤出来
var result=words.filter(function(word){
    if(word.length>6){
        return word  //存到临时数组,看不到,把临时数组返回给result
    }
})
console.log(result)

❤️输出结果:
在这里插入图片描述

I.splice(start,delecount,[item])删除,添加,替换数组元素

splice(start,delecount,[item]):通过删除或替换现有元素或者原地添加新的元素来修改数组, 并以数组形式返回被修改的内容。此方法会改变原数组。
( start:删除、添加、替换元素的起始位置(索引),delecount:删除、添加、替换的数量,item:可选参数,在替换、添加元素时指定;若没有指定,表示删除)

☀️ 示例如下:

let arr=[11,22,33,44,55]
arr.splice(2,1)//从索引为2的开始删除一个元素
arr.splice(2,2,789)//被替换的值只有一个,所以两个替换被一个789替换了,第二个数相当于删除
console.log(arr)
arr.splice(2,2,789,456)//从索引为2的位置开始连续替换两个元素
console.log(arr)
arr.splice(1,1,2222,4444)//第二个参数为1时,表示第一个数为替换,第二个为添加元素
console.log(arr)

❤️输出结果:
在这里插入图片描述

J.slice(begin,end)浅拷贝数组元素

slice(begin,end):返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的,原数组的浅拷贝(包括 begin,不包括end).原数组元素不变

☀️ 示例如下:

let arr=[11,22,33,44,55]
let tmp = arr.slice(1,3)//要切出元素22,33,因为第二个参数索引值不包含,所以向后将索引值加1.
console.log(tmp)
console.log(arr)//原数组元素不变

❤️输出结果:
在这里插入图片描述

K.concat(array)合并两个数组方法

concat(array):合并两个新数组。原数组不变

☀️ 示例如下:

let arr=[11,22,33,44,55]
let arr1=['one','two','three']
console.log(arr)
console.log(arr1)
let demo = arr.concat(arr1)//合并arr,arr1,得到一个新数组
console.log(demo)

❤️输出结果:
在这里插入图片描述

L.at(number)方法

at(number):接收一个整数值并返回该索引的项目,允许正数和负数。负整数从数组中的最后一个项目开始倒数。

☀️ 示例如下:

let arr=[11,22,33,44,55]
console.log(arr.at(-1))//-1表示从后往前提取数据,索引-1为倒数第一个数
console.log(arr.at(2))//正数表示从前往后提取数据,索引0为正数第一个数

❤️输出结果:
在这里插入图片描述

includes(item):用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false

☀️ 示例如下:

let arr=[11,22,33,44,55]
console.log(arr.includes('four'))//判断一个给定的值是否在数组当中,如果在返回true,如果不在返回false

❤️输出结果:
在这里插入图片描述

M.forEach(fn)方法

forEach(fn):对数组的每个元素执行一次给定的函数(可以实现对数组的遍历)

☀️ 示例如下:

//forEach(fn): 方法对数组的每个元素执行一次给定的函数。
let arr = [123,456,780,360,258]
for(let i=0;i<arr.length;i++){//传统遍历
    console.log(arr[i])
}
var str=''
arr.forEach(function(element){//自循环,数组中的每一个元素都执行forEach给定的函数,element指形参
    str += element+'\t'//让遍历的元素成排显示,原数组上遍历
})
console.log(str)

❤️输出结果:
在这里插入图片描述

N. map(fn)方法

map(fn):返回一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成

☀️ 示例如下:

//map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。
let arr1 = [1,2,3,4,5,6,7,8,9,10]
let tmp=arr1.map(function(e){
    if(e %2 ===0){
        return e  //返回的新数组元素,含有undifined,这是因为会将奇数变成了undifined(1 3 5 7 9)
    }
})
console.log(tmp)

❤️输出结果:
在这里插入图片描述

O. keys()方法

keys():返回数组元素的索引,方法返回一个包含数组中每个索引键的Array Iterator对象

☀️ 示例如下:

let arr = [123,456,780,360,258];
let obj = arr.keys();
for(let key of obj){
    console.log(key);
}

❤️输出结果:
在这里插入图片描述

P.values()方法

values():返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值。

☀️ 示例如下:

const array1 = ['a', 'b', 'c'];
const iterator = array1.values();

for (const value of iterator) {
  console.log(value);
}

❤️输出结果:
在这里插入图片描述

4.String对象

(1)创建方式

①通过字面量创建:var str = ‘’ (在js中单引号和双引号都表示字符串)
②通过new String()创建:var str = new String(‘abc’)

(2)常用属性

length 表示字符串的长度

(3)常用方法

A.indexOf(value)/lastIndexOf(value)根据字符返回位置

a、indexOf(value):返回value在字符串中第一次出现的位置

var str='abcdefg'
var s1=str.indexOf('a')
console.log(s1)

在这里插入图片描述

b、lastIndexOf(value):返回value在字符串中最后一次出现的位置

var str='abcdefg'
var s1=str.lastIndexOf('f')
console.log(s1)

在这里插入图片描述

B.charAt(index)/charCodeAt(index)根据位置返回字符

a、charAt(index):返回index位置上的字符

b、charCodeAt(index):方法返回0到65535之间的整数,表示给定索引处的UTF-16编码

var str ='abcde'
console.log(str.charAt(3))//返回数组3索引值所对应的字符
console.log(str.charCodeAt(3))//返回数组3索引值所对应的字符UTF-16编码

在这里插入图片描述

C.substring(start,[end])/substr(start,lengh)/slice(start,[end])截取子串

a、substring(start,[end]):返回一个从start位置开始到end位置(不含end)结束的子字符串

//1.substring(start,[end]),返回start到end,不包含end的子串
var str='abcdefg'
var s1=str.substring(1,5)
console.log(s1)//返回的子串,不含第二个参数,也就是end所对应的索引值的字符

在这里插入图片描述

b、substr(start,lengh):截取从start开始的length个字符

//2.substr(start,length);截取从start开始的length字符
var str='abcdefg'
var s1=str.substr(1,4)//这个已经被废弃,但是还可以用,尽量用substring
console.log(s1)

在这里插入图片描述

c、slice(start,[end]):切片,返回start开始end(不含end)结束的子串

//3.slice(start,[end]):切片,返回start开始到end(不包含end)的子串
var str='abcdefg'
var s1=str.slice(1,5)
console.log(s1)

在这里插入图片描述

D.toLowerCase()/toUpperCase()大小写转换

a、toLowerCase():将字母转换为小写

//4.toLowerCase()将字母转换为小写
var str='ABCD'
var s1=str.toLowerCase(str)
console.log(s1)

在这里插入图片描述
b、toUpperCase():将字母转换为大写

//5.toUpperCase()将字母转换为大写
var str='abcdefg'
var s1=str.toUpperCase(str)
console.log(s1)

在这里插入图片描述

E.split(‘分隔符’)字符串分割

a.split(‘分隔符’):使用指定的分隔符将字符串分割成若干个子串.返回一个字符串数组


//.split('分隔符'):使用指定的分隔符将字符串分割成若干个字串,这些字串构成一个新的数组
var phone='123-1234-5678'
var temp=phone.split('-')
console.log(temp)

在这里插入图片描述

F.startsWith(‘子串’)/endsWith(‘子串’)判断字符串的起始子串和结尾子串

a、startsWith(‘子串’):来判断当前字符串是否以另外一个给定的子串开头,并根据判断结果返回 true 或 false。

//(1).startsWith('子串')方法,判断当前字符串是否是以另外一个给定的子串开头,如果是返回true,如果不是返回false.
var str = 'denyunadmin'
var flag = str.startsWith('denyun')
console.log(flag)

在这里插入图片描述

b、endsWith(‘子串’):来判断当前字符串是否以另外一个给定的子串结尾,并根据判断结果返回 true 或 false。

//(2).endsWith('子串')方法,判断当前字符串是否是以另外一个给定的子串结尾,如果是返回true,如果不是返回false.
var str = 'denyunadmin'
var flag = str.endsWith('admin')
console.log(flag)

在这里插入图片描述

G.replace(‘原子串’,‘替换子串’)字符串的替换:

replace(‘原子串’,‘替换子串’):字符串的替换

//.replace('原子串','替换子串')
var str='book dog monkey'
str=str.replace('book','big')//替换后的值要赋给str,否则,没有被改变
console.log(str)

在这里插入图片描述

H.trim()/trimStart()/trimRight()去除空格

a、trim():删除字符串两端的空白字符


//(1).trim()删除字符串两端的空白字符
var str='   abc   '
console.log(str.length)
str = str.trim(str)//删除前后六个空白字符,由长度9变成了3可知
console.log(str.length)  

在这里插入图片描述

b、trimStart():删除字符串开头的空白字符

var str='   abc   '
console.log(str.length)
str = str.trimStart(str)//删除开头字符串的空白字符
console.log(str.length)  

在这里插入图片描述
c、trimRight():删除字符串结尾的空白字符

var str='   abc   '
console.log(str.length)
str = str.trimRight(str)//删除结尾字符串的空白字符
console.log(str.length) 

在这里插入图片描述

I. valueOf()获取字符串对象的原始值

valueOf()方法返回 String 对象的原始值


var str = new String('book')
console.log(str)//打印出来的值是带有对象[String:book]
console.log(str.valueOf())//输出对象的原始值:book

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值