JavaScript字符串对象的常用方法

JavaScript字符串对象是指通过String构造函数创建的字符串实例。下面是一些常用的字符串方法的详细解析与案例说明:

  1. charAt(index):返回指定索引位置的字符。
javascript 复制代码
var str = "Hello World";
console.log(str.charAt(0)); // "H"
  1. concat(str1, str2, ...):连接两个或多个字符串,并返回新的字符串。
javascript 复制代码
var str1 = "Hello";
var str2 = "World";
console.log(str1.concat(" ", str2)); // "Hello World"
  1. indexOf(searchValue, startIndex):从指定的位置开始搜索字符串,并返回第一次出现的位置。如果未找到该字符串,则返回-1。
javascript 复制代码
var str = "Hello World";
console.log(str.indexOf("o")); // 4
  1. lastIndexOf(searchValue, startIndex):从指定的位置开始从后向前搜索字符串,并返回最后一次出现的位置。如果未找到该字符串,则返回-1。
javascript 复制代码
var str = "Hello World";
console.log(str.lastIndexOf("o")); // 7
  1. slice(startIndex, endIndex):提取字符串的一部分,并返回新的字符串。startIndex表示起始位置(包括);endIndex表示结束位置(不包括)。
javascript 复制代码
var str = "Hello World";
console.log(str.slice(0, 5)); // "Hello"
  1. substring(startIndex, endIndex):提取字符串的一部分,并返回新的字符串。startIndex表示起始位置(包括);endIndex表示结束位置(不包括)。与slice方法不同的是,如果startIndex大于endIndex,则会自动交换两者的值。
javascript 复制代码
var str = "Hello World";
console.log(str.substring(6, 11)); // "World"
  1. substr(startIndex, length):提取字符串的一部分,并返回新的字符串。startIndex表示起始位置(包括);length表示提取的长度。
javascript 复制代码
var str = "Hello World";
console.log(str.substr(1, 4)); // "ello"
  1. split(separator, limit):将字符串分割为字符串数组,并返回该数组。separator表示分隔符;limit表示数组的最大长度。
javascript 复制代码
var str = "Hello,World";
console.log(str.split(",")); // ["Hello", "World"]
  1. replace(searchValue, replaceValue):替换字符串中的一个或多个匹配项,并返回替换后的新字符串。
javascript 复制代码
var str = "Hello World";
console.log(str.replace("World", "JavaScript")); // "Hello JavaScript"
  1. length:返回字符串的长度。
javascript 复制代码
var str = "Hello World";
console.log(str.length); // 11

以上是一些常用的字符串方法,它们可以帮助你处理和操作字符串。

相关推荐
新中地GIS开发老师20 分钟前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学
Superxpang28 分钟前
前端性能优化
前端·javascript·vue.js·性能优化
左手吻左脸。28 分钟前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
李白的故乡28 分钟前
el-tree-select名字
javascript·vue.js·ecmascript
Rysxt_33 分钟前
Element Plus 入门教程:从零开始构建 Vue 3 界面
前端·javascript·vue.js
隐含36 分钟前
对于el-table中自定义表头中添加el-popover会弹出两个的解决方案,分别针对固定列和非固定列来隐藏最后一个浮框。
前端·javascript·vue.js
大鱼前端37 分钟前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack·turbopack
Lucis__39 分钟前
再探类&对象——C++入门进阶
开发语言·c++
007php00740 分钟前
某大厂跳动面试:计算机网络相关问题解析与总结
java·开发语言·学习·计算机网络·mysql·面试·职场和发展
你的人类朋友1 小时前
先用js快速开发,后续引入ts是否是一个好的实践?
前端·javascript·后端