JavaScript面试中常考的字符串操作方法大全(包含ES6)

JavaScript面试中常考的字符串操作方法大全(包含ES6)

1. 字符串长度

获取字符串长度可以使用length属性,例如:

const str = 'Hello World';
console.log(str.length); // 11

2. 字符串索引

可以使用方括号([])来访问字符串中的单个字符,例如:

const str = 'Hello World';
console.log(str[0]); // H
console.log(str[6]); // W

3. 字符串按索引取子串

可以使用substring方法获取子串,例如:

const str = 'Hello World';
console.log(str.substring(1, 4)); // ell

4. 字符串按索引截取子串

可以使用slice方法截取子串,例如:

const str = 'Hello World';
console.log(str.slice(1, 4)); // ell
console.log(str.slice(-3)); // rld

5. 字符串转为大写或小写

可以使用toUpperCasetoLowerCase方法,例如:

const str = 'hELLO wORLD';
console.log(str.toUpperCase()); // HELLO WORLD
console.log(str.toLowerCase()); // hello world

6. 查找字符串

可以使用indexOflastIndexOf方法查找字符串,例如:

const str = 'Hello World';
console.log(str.indexOf('o')); // 4
console.log(str.lastIndexOf('o')); // 7

7. 判断字符串的开始和结尾

可以使用startsWithendsWith方法判断字符串的开始和结尾,例如:

const str = 'Hello World';
console.log(str.startsWith('He')); // true
console.log(str.endsWith('ld')); // true

8. 去除字符串两端的空格

可以使用trim方法去除字符串两端的空格,例如:

const str = '  Hello World   ';
console.log(str.trim()); // Hello World

9. 复制字符串

可以使用repeat方法复制字符串,例如:

const str = 'Hello';
console.log(str.repeat(3)); // HelloHelloHello

10. 替换字符串

可以使用replace方法替换字符串,例如:

const str = 'Hello World';
console.log(str.replace('World', 'JavaScript')); // Hello JavaScript

11. 模板字符串

可以使用模板字符串来动态构建字符串,例如:

const name = '张三';
const age = 20;
const str = `我叫${name},今年${age}岁`;
console.log(str); // 我叫张三,今年20岁

示例1:去除字符串中特定字符

const str = 'H-e-l-l-o W-o-r-l-d';
console.log(str.split('-').join('')); // HelloWorld

示例2:大小写字符串中的首字母

function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}
console.log(capitalize('hELLO')); // Hello
console.log(capitalize('wORLD')); // World

除了以上列出的常用字符串操作方法,ES6中还新增了一些字符串操作方法,如标签模板、扩展运算符等等。建议在平时使用字符串时,多加练习和使用这些方法,提高自己的JavaScript技能水平。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript面试中常考的字符串操作方法大全(包含ES6) - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • js 页面执行时间计算代码

    下面是关于“js 页面执行时间计算代码”的完整攻略。 1. 确定需要计算的页面区域 在编写计算页面执行时间的代码之前,需要确定需要计算的页面区域。这可以是整个页面,也可以只是页面上的一部分。一般来说,计算整个页面的执行时间比较耗费资源,建议还是选择计算某一个特定区域的执行时间。 2. 使用performance API 在计算页面执行时间时,可以使用浏览器提…

    JavaScript 2023年5月27日
    00
  • 在Javascript中 声明时用”var”与不用”var”的区别

    在 JavaScript 中,声明变量时可以使用 var 关键字或省略该关键字。这两种方式在行为上是不同的,以下是它们之间的区别: 使用 var 声明变量 在 JavaScript 中,使用 var 关键字声明变量时,变量会被限制在当前的执行环境中。这意味着,在声明变量的函数内部,使用 var 定义的变量是该函数内部私有的,并且在全局(window)范围之外…

    JavaScript 2023年6月10日
    00
  • Javascript操纵Cookie实现购物车程序

    下面是关于“Javascript操纵Cookie实现购物车程序”的详细攻略: Cookie简介 Cookie是一种在网站之间传递信息的方式。它们是存储在用户计算机上的小文件,存储着网站访问者的信息。由于Cookie可以在用户计算机和后端服务器之间进行数据交换,所以开发人员可以使用它们来存储用户的信息,例如用户名和购物车内容。 创建Cookie 在JavaSc…

    JavaScript 2023年6月11日
    00
  • 深入理解js generator数据类型

    深入理解JS Generator数据类型 什么是Generator? Generator是ES6引入的一种新的数据类型,它可以被认为是一种特殊的函数。Generator函数和普通函数的区别在于: Generator函数的执行结果是一个Iterator对象,而不是最终的返回值。 Generator函数可以通过yield语句来暂停或恢复函数的执行。 Genera…

    JavaScript 2023年5月27日
    00
  • fmt:formatDate的输出格式详解

    让我为您解释“fmt:formatDate的输出格式详解”。 首先,我们需要了解“fmt:formatDate”是一个JSTL中用来将日期格式化输出的标签。在使用此标签时,需要设置格式化规则,我们可以通过写出特定的格式选项,从而实现不同的日期格式输出。下面进入具体步骤。 1. 设置日期值 使用fmt:formatDate标签时,需要提供一个日期,可以是Dat…

    JavaScript 2023年6月10日
    00
  • 深入浅析Angular SSR

    关于“深入浅析Angular SSR”的完整攻略,下面是详细的讲解: 什么是Angular SSR Angular SSR(Server-Side Rendering)是指在服务端执行Angular应用程序并生成HTML响应的过程。通俗的说,就是在服务端预渲染且构造HTML并且在传回浏览器渲染时设置完整的、原始的HTML文档。这样可以提高应用程序的首次加载速…

    JavaScript 2023年6月11日
    00
  • JS中判断字符串存在和非空的方法

    JS中可以使用多种方法来判断字符串的存在和非空,以下是一些常见的方法和用法: 1. 使用typeof方法判断 可以使用typeof方法来判断字符串是否存在和非空。如果一个字符串存在,那么typeof将返回”string”,否则将返回undefined。可以将这个值与”string”进行比较来确定字符串是否存在。 var str1; if (typeof st…

    JavaScript 2023年5月28日
    00
  • 详解JavaScript的while循环的使用

    详解JavaScript的while循环的使用 简介 JavaScript 中提供了循环语句来重复执行代码块,其中 while 循环是其中之一。while 循环是基于条件执行的循环,只要给定条件为真,就会执行循环体,直到给定条件为假。 语法 while 循环的语法如下: while (condition) { // 循环体语句 } 其中 condition …

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部