前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript——字符串对象

JavaScript——字符串对象

作者头像
岳泽以
发布2022-10-26 17:14:21
3580
发布2022-10-26 17:14:21
举报
文章被收录于专栏:岳泽以博客

基本包装类型

为了方便操作基本数据类型,JavaScript还提供了三个特殊的引用类型:SrtingNumberBoolean

基本包装类型就是把简单数据类型包装成为了复杂数据类型,这样基本数据类型就有了属性和方法。

以下代码的问题:按道理基本数据类型没有属性和方法,而对象才有属性和方法,但上面代码却可以执行,这是因为js会把基本数据类型包装为复杂数据类型。

代码语言:javascript
复制
    var str = 'zeyi';
    console.log(str.length); //4

其执行过程如下:

代码语言:javascript
复制
    var temp = new String('andy');//把简单数据类型包装为复杂数据类型
    str = temp;//把临时变量的值给str
    temp = null;//销毁这个临时变量

字符串的不可变

指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间。

代码语言:javascript
复制
    var str = 'zeyi';
    str = 'hello';
    //当重新给str赋值的时候,常量'zeyi'不会被修改,依然在内存中
    //重新给字符串赋值,会重新在内存中开辟空间,这个特点就是字符串的不可变。
    //由于字符串的不可变,大量拼接字符串的时候会有效率问题。
    var str = '';
    for (var i = 0; i < 100000; i++) {
        str += i;
    }
    console.log(str); //这个结果需要划分大量时间来显示,因为需要不断的开辟新的空间

可以看出,短短的几行代码,会生成近1M的数据,因为我们字符串的不可变,所以不要大量的拼接字符串。

根据字符串返回位置

字符串所有的方法,都不会修改字符串本身(字符串是不可变的),操作完成会返回一个新的字符串。

方法名

说明

str.indexOf('要查找的字符',[起始的位置])

返回指定内容在原字符串中的位置,从前往后

str.lastIndexOf('要查找的字符',[起始的位置])

从后往前找,依据的是给的索引号的位置往前

代码语言:javascript
复制
    var str = '天生我财必有用,财源广进';
    console.log(str.indexOf('财', [2])); //从索引号是2的位置往后查找
    console.log(str.lastIndexOf('财', [10])); //从索引号是2的位置往前查找

根据位置返回字符串

方法名

说明

使用

charAt(index)

返回指定位置的字符(index字符串的索引号)

str.chatAt(0)

charCodeAt(index)

获取指定位置处字符的ASCII码(index索引号)

str.charCodeAt(0)

str[index]

获取指定位置字符串

HTML5,IE8+支持

charAt(index)<span> </span>根据位置返回字符串

代码语言:javascript
复制
    var str = 'zeyi';
    console.log(str.charAt(3)); //i
    //遍历所有的字符
    for (var i = 0; i < str.length; i++) {
        console.log(str.charAt(i));
    }

charCodeAt(index) 根据位置返回ASCII码,判断用户输入了那个键。

代码语言:javascript
复制
    var str = 'zeyi';
    console.log(str.charCodeAt(0)); //122

str[index] H5新增的,根据位置返回字符串

代码语言:javascript
复制
    var str = 'zeyi';
    console.log(str[3]); //i

字符串的操作方法

方法名

说明

concat(str1,str2,str3...)

concat()方法用于连接两个或多个字符串。拼接字符串,等效于+,+更常用

substr(start,length)

从start位置开始(索引号),length取的个数,重点记住

slice(start,end)

从start位置开始,截取到end位置,end取不到(他们俩都是索引号)

substring(start,end)

从start位置开始,截取到end位置,end取不到,不接受负值

拼接字符串

代码语言:javascript
复制
    var str = 'zeyi';
    console.log(str.concat('Yue'));//zeyiYue

注:在开发中,我们更喜欢用 <span> </span>+<span> </span>来拼接字符串

截取字符串

代码语言:javascript
复制
    var str = '天生我财必有用,财源广进';
    console.log(str.substr(8, 4)); //财源广进

在这句代码里面,8意思是从第8个字符开始截取,4意思是截取4个字符。

替换字符

replace('被替换的字符','替换为的字符')

代码语言:javascript
复制
    var str = '天生我财必有用,财源广进';
    console.log(str.replace('财', '材'));//只会替换第一个匹配到的字符

如果想全部替换,可以使用循环

代码语言:javascript
复制
    var str = '天生我财必有用,财源广进';
    while (str.indexOf('财') !== -1) {
        str = str.replace('财', '材');
    }
    console.log(str);//天生我材必有用,材源广进

字符串转换为数组

split('分隔符')<span> </span>前面有 join把数组转换为字符串

代码语言:javascript
复制
    var str = 'red,blue,greed';
    console.log(str.split(',')); //(3) ['red', 'blue', 'greed']
代码语言:javascript
复制
    var str = 'red&blue&greed';
    console.log(str.split('&')); //(3) ['red', 'blue', 'greed']

简单数据类型和复杂数据类型

简单数据类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。

  • 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型
  • 简单数据类型:stringnumberbooleanundefinednull
  • 引用类型:复杂数据类型,在存储时变量中存储的是仅仅是地址(引用),因此叫做引用数据类型
  • 复杂数据类型:通过new关键字创建的对象(系统对象、自定义对象),如Object、Array等

堆和栈

堆栈空间分配区别:

  • 栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈; 简单数据类型存放到栈里面
  • 堆(操作系统):存储复杂类型(对象),一般由程序员分配释放,若程序员不释放,由垃圾回收机制回收。 复杂数据存放到堆里面

注意 :JavaScript中没有堆栈的概念,仅通过堆栈的方式便于理解。

内存分配

  1. 简单数据类型,存放到栈里面,里面之间开辟一个空间,存放的是值。
  2. 复杂数据类型,首先在栈里面存放地址(十六进制表示),然后这个地址指向堆里面的数据。

简单类型传参

函数的形参也可以看做是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量。

复制类型传承

函数的形参也可以看做是一个变量,当我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022 年 04 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本包装类型
  • 字符串的不可变
  • 根据字符串返回位置
  • 根据位置返回字符串
  • 字符串的操作方法
    • 拼接字符串
      • 截取字符串
        • 替换字符
          • 字符串转换为数组
          • 简单数据类型和复杂数据类型
            • 堆和栈
              • 内存分配
                • 简单类型传参
                  • 复制类型传承
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档