基于对象编程的JavaScript-字符串对象

291 阅读3分钟

这是我参与8月更文挑战的第25天,活动详情查看:8月更文挑战

学习贵在坚持, 笔记是灵魂, 温故而知新, 时不时翻一翻, 回顾一下知识点, 加深记忆, 事半功倍!

前文我们学习了关于 JavaScript 中的 布尔(boolean)类型`

今天来学习 JavaScript 中的 字符串对象

JavaScript 字符串对象

在 JS 中包含了各种对象: 字符串对象/ 数组对象/ 表单对象/ 文档对象/ 窗口对象等, 这些对象的各种方法可以大大提高我们编程的效率,为我们的程序增加丰富的 动态 功能.

今天来学习下 基本数据类型之一的 字符串对象.

1. 创建字符串对象

字符串我们最熟悉不过了, 但你真的了解字符串这个对象吗?

其本质上也是不可变的数组, 和数组一样拥有长度 length属性.

在对字符串对象操作时, 不会改变字符串中的内容, 因为字符串在创建出来的时候就已经被冻结了. 我们可以从字符串中提取 子串, 也可以拼接多个字符串为一个新的字符串.

1.1 String.fromCharCode 创建字符串

const my_array = [621, 103, 49, 929, 999, 666]

可以通过函数 String.fromCharCode 来创建字符串对象, 该函数接收任意多个参数. 访问字符串元素可以通过 charCodeAt访问.

const my_string = String.fromCharCode(...my_array)
my_string.charCodeAt(0) === 621 // --> true
typeof my_string // --> "string"
my_string.length // --> 5

全等运算 === 在字符串判断中非常有用

my_array === my_array // true
my_array === [621, 103, 49, 929, 999, 666] // false
my_string === String.fromCharCode(621, 103, 49, 929, 999, 666) // true

如上, 两个包含相同内容的字符串使用 ===判断时会返回 true, 而数组则需要来自同一个引用才会被 === 认为是 true

1.2 直接声明 字符串变量

可通过 var let const 关键字 声明字符串变量的方法, 把声明的变量作为字符串对象

这里推荐使用双引号 "" 创建字符串 my_string, 并使用 = 对其赋值

[var/let/const] 变量名 = 字符串
let my_string = "iwin621"

1.3 new 关键字来创建字符串对象

通过字符串构造函数 String()创建

[var/let/const] 变量名 = new String(字符串)

.有没有感觉太麻烦, 前面一种直接赋值, 多方便呢!

字符串的相关方法

  • concat
  • slice
  • indexOf
  • lastIndexOf
  • startsWith
  • endsWith
  • contains

更多阅读

更多更文阅读请查收:

【JS】布尔(boolean)类型

【JS】异常(报错)处理 try-catch

【JS】中各种神奇的 bug

【数据结构】数据结构-对象和数组(二)数组 Array【数据结构】数据结构-对象和数组(一)对象 Object【数据结构】深入了解 JSON

【Node.js】文件系统服务器-模拟接口

【Node.js】文件系统模块【Node.js】HTTP 模块

【Node.js】效率工具-nvm & nrm 等

【Node.js】包管理工具 npm & yarn 的使用

【Node.js】搭建自动化开发环境-基本介绍

【Node.js】安装&文档【工具准备】【开工】【详细步骤(四)】【模块处理工具(五)】【模块化编程的理解】

【Github】多人协作(二)【Github】基本使用(一)

【Git】代码版本控制-git 初识&基本操作(一)【Git】进阶(二)

跟上节奏, 一步一步! 下文更新预告:

接下来会继续详细学习 JavaScript 的相关方法, 冲鸭!! xdm

学习用到的效率工具, 提高开发效率, 为我们的开发提效赋能!

跟上前进的步伐, 向前加油

加油!! go~~