js 获取字符串|极客笔记

js 获取字符串

在前端开发中，我们经常需要获取字符串的长度、截取字符串、查找字符串等操作。在JavaScript中，我们可以通过一些内置的方法来轻松实现这些操作。本文将详细介绍如何在JavaScript中获取字符串的方法，并给出一些示例代码。

获取字符串长度

在JavaScript中，我们可以使用length属性来获取字符串的长度。示例代码如下：

let str = "hello world";
let length = str.length;

console.log(length); // 输出 11

上面的代码中，我们定义了一个字符串str，并使用length属性获取了它的长度。在示例中，字符串str的长度为11个字符。

截取字符串

在JavaScript中，我们可以使用substring()方法来截取字符串的一部分。该方法接受两个参数，分别是截取的起始位置和截取的结束位置（不包含结束位置的字符）。示例代码如下：

let str = "hello world";
let subStr = str.substring(0, 5);

console.log(subStr); // 输出 hello

上面的代码中，我们定义了一个字符串str，并使用substring()方法从位置0开始截取了5个字符，最终截取到的子字符串是”hello”。

除了substring()方法，JavaScript还提供了substr()方法来截取字符串。该方法接受两个参数，分别是截取的起始位置和截取的长度。示例代码如下：

let str = "hello world";
let subStr = str.substr(6, 5);

console.log(subStr); // 输出 world

上面的代码中，我们使用substr()方法从位置6开始截取了5个字符，最终截取到的子字符串是”world”。

查找字符串

在JavaScript中，我们可以使用indexOf()方法来查找字符串中某个子字符串的位置。该方法接受一个参数，即要查找的子字符串。如果找到了，返回该子字符串在原字符串中的位置；如果没有找到，返回-1。示例代码如下：

let str = "hello world";
let index = str.indexOf("world");

console.log(index); // 输出 6

上面的代码中，我们使用indexOf()方法查找字符串”world”在字符串str中的位置，最终返回的位置是6。

除了indexOf()方法，JavaScript还提供了lastIndexOf()方法来反向查找字符串中某个子字符串的位置。与indexOf()方法类似，该方法也返回子字符串在原字符串中的位置。示例代码如下：

let str = "hello world";
let index = str.lastIndexOf("l");

console.log(index); // 输出 9

上面的代码中，我们使用lastIndexOf()方法反向查找字符串中”l”的位置，最终返回的位置是9。

替换字符串

在JavaScript中，我们可以使用replace()方法来替换字符串中的子字符串。该方法接受两个参数，第一个参数是要替换的子字符串，第二个参数是替换后的子字符串。示例代码如下：

let str = "hello world";
let newStr = str.replace("world", "JavaScript");

console.log(newStr); // 输出 hello JavaScript

上面的代码中，我们使用replace()方法将字符串str中的”world”替换为”JavaScript”，最终得到的新字符串是”hello JavaScript”。

字符串大小写转换

在JavaScript中，我们可以使用toUpperCase()方法将字符串转换为大写字母，使用toLowerCase()方法将字符串转换为小写字母。示例代码如下：

let str = "Hello World";

let upperCase = str.toUpperCase();
let lowerCase = str.toLowerCase();

console.log(upperCase); // 输出 HELLO WORLD
console.log(lowerCase); // 输出 hello world

上面的代码中，我们分别使用toUpperCase()和toLowerCase()方法将字符串str转换为大写和小写，最终得到的结果分别是”HELLO WORLD”和”hello world”。

字符串拼接

在JavaScript中，我们可以使用+运算符来进行字符串拼接。示例代码如下：

let str1 = "hello";
let str2 = "world";

let newStr = str1 + " " + str2;

console.log(newStr); // 输出 hello world

上面的代码中，我们使用+运算符将字符串str1和字符串str2进行拼接，最终得到的字符串是”hello world”。

结语

本文介绍了在JavaScript中获取字符串的长度、截取字符串、查找字符串、替换字符串、大小写转换以及字符串拼接等操作。熟练掌握这些字符串操作方法，将有助于我们在前端开发中处理字符串数据。

js 获取字符串