每日一学—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

      目录
      相关文章
      |
      20天前
      |
      JavaScript 前端开发
      如何在 JavaScript 中使用 __proto__ 实现对象的继承?
      使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
      |
      24天前
      |
      Web App开发 JavaScript 前端开发
      如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
      【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
      |
      2月前
      |
      Java
      【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
      本文深入探讨了Java中方法参数的传递机制,包括值传递和引用传递的区别,以及String类对象的不可变性。通过详细讲解和示例代码,帮助读者理解参数传递的内部原理,并掌握在实际编程中正确处理参数传递的方法。关键词:Java, 方法参数传递, 值传递, 引用传递, String不可变性。
      58 1
      【编程基础知识】(讲解+示例实战)方法参数的传递机制(值传递及地址传递)以及String类的对象的不可变性
      |
      24天前
      |
      JavaScript 前端开发 图形学
      JavaScript 中 Math 对象常用方法
      【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
      |
      2月前
      |
      存储 JavaScript 前端开发
      JavaScript 对象的概念
      JavaScript 对象的概念
      38 4
      |
      2月前
      |
      缓存 JavaScript 前端开发
      JavaScript中数组、对象等循环遍历的常用方法介绍(二)
      JavaScript中数组、对象等循环遍历的常用方法介绍(二)
      40 1
      |
      2月前
      |
      存储 JavaScript 前端开发
      js中函数、方法、对象的区别
      js中函数、方法、对象的区别
      20 2
      |
      24天前
      |
      JavaScript 前端开发 开发者
      |
      2月前
      |
      JavaScript 前端开发 Unix
      Node.js 全局对象
      10月更文挑战第5天
      30 2
      |
      2月前
      |
      JavaScript 前端开发 大数据
      在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
      在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
      26 0