JavaScript 中需要了解的字符串方法

在不知道方法的情况下使用字符串将是开发人员的噩梦。

为了摆脱那些噩梦,我们需要了解 JavaScript 中字符串最基本的属性和方法。

让我们一一探索。

长度

属性 length 返回字符串的长度。

const company = "techblik.com";

console.log(company.length);

toUpperCase()

toUpperCase 方法将字符串中的每个字符转为大写并返回。 它不会更改原始字符串。

const company = "techblik.com";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

toLowerCase 方法将字符串中的每个字符转为小写并返回。 它不会更改原始字符串。

const company = "techblik.com";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

修剪()

trim 方法从字符串中删除开始和结束的空格。 这是一个就地操作,即更新原始字符串。

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

字符(索引)

charAt 方法返回给定索引处的字符。 如果索引无效,它返回一个空字符串。

const company = "techblik.com";

console.log(company.charAt(2));
console.log(company.charAt(10));

字符代码(索引)

charCodeAt 方法返回给定索引处的字符 ASCII 代码。 如果索引无效,则返回 NaN。

const company = "techblik.com";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

切片(开始索引,结束索引)

方法 slice 返回从 startIndex 到 endIndex(不包括)的字符串中的子字符串。 string.slice(0, 6) 返回从第 0 个索引到第 5 个索引的子字符串。

const company = "techblik.com";

console.log(company.slice(0, 4));

方法 slice 也将接受一个 sing 参数。 如果将单个参数传递给 slice 方法,那么它将返回从给定索引到字符串末尾的子字符串。

const company = "techblik.com";

console.log(company.slice(4));

方法 slice 也将接受负索引。 负索引从字符串的末尾开始计算。 让我们看一个例子,因为它对大多数人来说都是新的。

  理解 Laravel Eloquent 中的模型关系

给定字符串 techblik.com,负索引是

G = -9,e = -8,e = -7,k = -6

等等…

对于上述示例,代码 string.slice(-9, -5) 将返回 Geek。

const company = "techblik.com";

console.log(company.slice(-9, -5));

代码 string.slice(-5) 将为上面的示例返回 Flare。

const company = "techblik.com";

console.log(company.slice(-5));

注意:负索引在 IE8 和更早版本中不起作用。

substr(startIndex, 长度)

方法 substr 类似于 slice 方法。 唯一的区别是方法 substr 接受需要从原始字符串中提取的子字符串长度。

const company = "techblik.com";

console.log(company.substr(4, 5));

还有另一种方法称为 substring,它类似于 slice 方法。 但是,方法子字符串不接受负索引。 试试看。

替换(子串,新子串)

replace 方法用 newSubString 替换子字符串的第一个实例。

const statement = "Visit the site Google";

console.log(statement.replace("Google", "techblik.com"));

索引(子串)

indexOf 方法返回字符串中给定字符的起始索引。 如果字符串中不存在该字符,它将返回 -1。

const company = "techblik.com";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

indexOf 方法将接受第二个参数,它是一个索引,从该索引开始搜索给定的子字符串。

const company = "techblik.com";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

还有一个名为 lastIndexOf 的方法,它类似于方法 indexOf。 唯一的区别是 lastIndexOf 方法从字符串的末尾搜索字符并返回该字符的第一个实例的索引。 试试代码 company.lastIndexOf(‘e’)。

拆分(子串)

方法 split 在子字符串上拆分给定的字符串并将部分作为数组返回。

const statement = "Visit, the, site, techblik.com";

console.log(statement.split(" "));
console.log(statement.split(", "));

结论

这不是结束。 从文档中探索字符串的其余方法。 在特定情况下可能还有其他有用的方法。

  洪流有什么意义?

如果此处未列出,请在您的具体搜索中搜索并使用它们。

快乐编码🙂

接下来,探索一些流行的 JavaScript 框架。