JavaScript对象编程基础-字符串函数(二)

289 阅读3分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

本文已参与「掘力星计划」,赢取创作大礼包,挑战创作激励金。

前文学习了 JavaScript 中字符串对象的概念及其创建方式 等 今天复习下字符串的常用属性及常用方法.

字符串对象 的常用属性

字符串 String 类型是 JavaScript 中的基本数据类型之一, 其属性也比较少, 比如常见的就是 length 字符串长度属性了.

还有另外两个属性:

  1. Constructor: 表示字符对象的函数模型
  2. prototype: 给字符串对象添加属性

对象属性的使用格式:

  • 对象名.属性名 // 表示获取对象属性值
  • 对象名.属性名 = 属性值 // 表示为属性赋值操作

小栗子: 声明一个字符串对象: myString, 并输出其中的字符个数

const myString =
  '【掘金】感觉累就休息休息,其实不用那么优秀,不必一个人扛,你要像凡夫俗子一样有最简单的快乐。'

document.write(mySring.length) // 输出字符串对象的字符的个数

字符串对象 的常用函数

字符串对象是常用的对象, 也是 JavaScript的一个内置对象. 在对字符串进行操作时: 经常用到的有 查找/ 替换字符..

为了方便字符串操作, JavaScript 内置了很多方法方便我们操作, 我们只需调用这些方法即可完成对应的需求.

字符串对象常用函数:

1. charAt(位置): 字符串对象指定位置的字符

myString.charAt(0) // '【'
myString.charAt(1) // '掘'
myString.charAt(2) // '金'
// ...以此类推

2. charCodeAt(位置):

输出字符串对象指定位置处的字符的 Unicode值

myString.charCodeAt(1) // '掘' --> 25496
myString.charCodeAt(2) // '金' --> 37329

3. indexOf(要查找的字符串, [起始位置]):

从字符串的指定位置开始, 从前往后查找子字符串的所在位置.

myString.indexOf('掘金') // 1 从下标为 1 的地方开始的

4. indexOf(要查找的字符串):

从字符串的指定位置开始, 从后往前查找子字符串的所在位置. 和 3. 相反

5. split([分隔符]): ❤ 常用的 ❤

以给定分隔符分隔字符串为数组, 通常用来处理 Url 日期 钱币的格式

myString.split('') // 以'' 空分隔, 即每个字符为数组的一个元素
// ['【', '掘', '金', '】', '感', '觉', '累', '就', '休', '息', '休', '息', ',', '其', '实', '不', '用', '那', '么', '优', '秀', ',', '不', '必', '一', '个', '人', '扛', ',', '你', '要', '像', '凡', '夫', '俗', '子', '一', '样', '有', '最', '简', '单', '的', '快', '乐', '。']

6. replace(需要代替的字符串, 新字符串):

在字符串中查找指定的字符串, 并用新字符串代替

myString.replace('掘金', '稀土掘金技术社区') // 替换

7. subStr(开始位置, 长度):

从字符串对象的指定位置开始, 按照给定的长度截取字符, 并返回截取的字符

8. subString(开始位置, 结束位置):

从字符串指定的位置开始, 截取字符串到给定的结束位置, 并返回截取的字符

9. .toLowerCase(): 字符串对象中的大写字母更改为小写字母

10. .toUpperCase(): 与上面的相反, 小写字母改为大写字母.