每日一学—JavaScript 字符串(String)对象

简介: JavaScript 字符串(String)对象的学习

 🔗关于字符串(String)对象

    • 字符串对象使用new String()来创建,在String构造函数中传入字符串,就会在返回的字符串对象中保存这个字符串。image.gif
    var str = new String('apple'); // 创建字符串对象
    console.log(str);        // 输出结果:String {"apple"}
    console.log(str.length);    // 获取字符串长度,输出结果:5


      • 实际上,字符串在JavaScript中是一种基本包装类型。JavaScript中的基本包装类型包括String、Number和Boolean,用来把基本数据类型包装成为复杂数据类型,从而使基本数据类型也有了属性和方法。
      • 需要注意的是,虽然JavaScript基本包装类型的机制可以使普通变量也能像对象一样访问属性和方法,但它们并不属于对象类型
      var obj = new String('Hello');
      console.log(typeof obj);        // 输出结果:object
      console.log(obj instanceof String); // 输出结果:true
      var str = 'Hello';
      console.log(typeof str);        // 输出结果:string
      console.log(str instanceof String); // 输出结果:false
      • image.gif从上述代码可以看出,使用new String()返回的obj是一个对象,但是普通的字符串变量并不是一个对象,它只是一个字符串类型的数据。

      🔗补充

      String 对象属性

      属性 描述
      constructor 对创建该对象的函数的引用
      length 字符串的长度
      prototype 允许您向对象添加属性和方法

      String 对象方法

      方法 描述
      charAt() 返回在指定位置的字符。
      charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
      concat() 连接两个或更多字符串,并返回新的字符串。
      endsWith() 判断当前字符串是否是以指定的子字符串结尾的(区分大小写)。
      fromCharCode() 将 Unicode 编码转为字符。
      indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。
      includes() 查找字符串中是否包含指定的子字符串。
      lastIndexOf() 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。
      match() 查找找到一个或多个正则表达式的匹配。
      repeat() 复制字符串指定次数,并将它们连接在一起返回。
      replace() 在字符串中查找匹配的子串,并替换与正则表达式匹配的子串。
      replaceAll() 在字符串中查找匹配的子串,并替换与正则表达式匹配的所有子串。
      search() 查找与正则表达式相匹配的值。
      slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。
      split() 把字符串分割为字符串数组。
      startsWith() 查看字符串是否以指定的子字符串开头。
      substr() 从起始索引号提取字符串中指定数目的字符。
      substring() 提取字符串中两个指定的索引号之间的字符。
      toLowerCase() 把字符串转换为小写。
      toUpperCase() 把字符串转换为大写。
      trim() 去除字符串两边的空白。
      toLocaleLowerCase() 根据本地主机的语言环境把字符串转换为小写。
      toLocaleUpperCase() 根据本地主机的语言环境把字符串转换为大写。
      valueOf() 返回某个字符串对象的原始值。
      toString() 返回一个字符串。

      String HTML 包装方法

      HTML 返回包含在相对应的 HTML 标签中的内容。

      以下方法并非标准方法,所以可能在某些浏览器下不支持。

      方法 描述
      anchor() 创建 HTML 锚。
      big() 用大号字体显示字符串。
      blink() 显示闪动字符串。
      bold() 使用粗体显示字符串。
      fixed() 以打字机文本显示字符串。
      fontcolor() 使用指定的颜色来显示字符串。
      fontsize() 使用指定的尺寸来显示字符串。
      italics() 使用斜体显示字符串。
      link() 将字符串显示为链接。
      small() 使用小字号来显示字符串。
      strike() 用于显示加删除线的字符串。
      sub() 把字符串显示为下标。
      sup() 把字符串显示为上标。

      参考来自

      https://www.runoob.com/jsref/jsref-obj-string.html

      https://book.itheima.net/course/1258676978588860418/1277481554465005570/1277490842033987587

      目录
      相关文章
      |
      3月前
      |
      JavaScript 前端开发
      JS几种拼接字符串的方法
      JS几种拼接字符串的方法
      69 1
      |
      15天前
      |
      JavaScript 前端开发 开发者
      JavaScript字符串的常用方法
      在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
      42 13
      |
      2月前
      |
      JavaScript 前端开发 数据处理
      模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
      综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
      |
      2月前
      |
      JavaScript 前端开发 索引
      JavaScript学习第二章--字符串
      本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
      38 2
      |
      2月前
      |
      索引 Python
      String(字符串)
      String(字符串)。
      45 3
      |
      3月前
      |
      Java
      【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
      本文深入探讨了Java中方法参数的传递机制,包括值传递和引用传递的区别,以及String类对象的不可变性。通过详细讲解和示例代码,帮助读者理解参数传递的内部原理,并掌握在实际编程中正确处理参数传递的方法。关键词:Java, 方法参数传递, 值传递, 引用传递, String不可变性。
      80 1
      【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
      |
      3月前
      |
      NoSQL Redis
      Redis 字符串(String)
      10月更文挑战第16天
      57 4
      |
      3月前
      |
      canal 安全 索引
      (StringBuffer和StringBuilder)以及回文串,字符串经典习题
      (StringBuffer和StringBuilder)以及回文串,字符串经典习题
      51 5
      |
      2月前
      |
      JavaScript 前端开发
      JavaScript中的原型 保姆级文章一文搞懂
      本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
      40 1
      JavaScript中的原型 保姆级文章一文搞懂
      |
      6月前
      |
      JavaScript Java 测试技术
      基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
      基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
      127 2