首页 > 编程语言 >【JavaScript 教程】第五章 字符串01— JavaScript 字符串

【JavaScript 教程】第五章 字符串01— JavaScript 字符串

时间:2022-11-08 14:36:22浏览次数:58  
标签:01 console log JavaScript let str 字符串

【JavaScript 教程】第五章 字符串01— JavaScript 字符串_javascript

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱


在上节,我们学习了JavaScript流程中的 continue 语句,错过的小伙伴可以点击文章《​​【JavaScript 教程】第四章 程序流程08— JavaScript continue 语句​​》进行学习。

那么,在今天的教程中,我们将一起来学习JavaScript 字符串原始类型。

JavaScript 字符串简介

JavaScript 字符串是原始值。JavaScript 字符串也是不可变的。这意味着如果您处理一个字符串,您总会得到一个新的字符串。原始字符串不会改变。

要在 JavaScript 中创建文字字符串,您可以使用单引号或双引号,如下所示:​

let str = 'Hi';
let greeting = "Hello";

ES6 引入了模板文字,允许您定义字符串反引号 (`) 字符:

let name = 'John';
let message = `Hello ${name}`;


console.log(message);

输出:

Hello John

该字符串message计算name变量并返回结果字符串。

转义特殊字符

要转义特殊字符,请使用反斜杠\字符。例如:

  • Windows 换行符: '\r\n'
  • Unix 换行符: '\n'
  • 标签: '\t'
  • 反斜杠: '\'

以下示例使用反斜杠字符转义字符串中的单引号字符:​

let str = 'I\'m a string!';

获取字符串的长度

该length属性返回字符串的长度:​

let str = "Good Morning!";
console.log(str.length); // 13

访问字符

要访问字符串中的字符,请使用类似数组的[ ]表示法和从零开始的索引。

以下示例返回索引为零的字符串的第一个字符:​

let str = "Hello";
console.log(str[0]); // "H"

要访问字符串的最后一个字符,请使用length - 1索引:

let str = "Hello";
console.log(str[str.length -1]); // "o"

通过运算符+连接字符串

要连接两个或多个字符串,请使用+运算符:​

let name = 'John';
let str = 'Hello ' + name;


console.log(str); // "Hello John"

如果您想一块一块地组装一个字符串,您可以使用+=运算符:​

let className = 'btn';
className += ' btn-primary'
className += ' none';


console.log(className);

输出:

btn btn-primary none

将值转换为字符串

要将非字符串值转换为字符串,请使用以下方法之一:

  • 字符串(n);
  • ” + n
  • n.toString()

请注意,toString()方法不适用于undefined和null。

将字符串转换为布尔值时,无法通过以下方式将其转换回Boolean():​

let status = false;
let str = status.toString(); // "false"
let back = Boolean(str); // true

在这个例子中:

  • 首先,status是一个布尔变量。
  • 然后,toString()返回status变量的字符串,即false.
  • 最后,Boolean()将"false"字符串转换回为 true 的布尔值,因为它"false"是一个非空字符串。

请注意,只有Boolean()返回 false 的字符串才是空字符串 (");

比较字符串

比较两个字符串,您可以使用运算符>,>=,<,<=,和==运算符。

这些运算符根据 JavaScript 字符的数值比较字符串。换句话说,它可能返回与字典中使用的字符串顺序不同的字符串顺序。​

let result = 'a' < 'b';
console.log(result); // true

然而:​

let result = 'a' < 'B';
console.log(result); // false

总结

通过本教程的学习,我们知道了 JavaScript 字符串的一些知识:

  • JavaScript 字符串是原始值且不可变。
  • 文字字符串由单引号 ( ')、双引号 ( ") 或反引号 (`)分隔
  • length属性返回字符串的长度。
  • 使用 >、>=、<、<=、== 运算符来比较两个字符串。

如果您觉得今天内容,对您有帮助,请记得分享给您做开发的朋友,也许对他也有所帮助。


学习更多技能

请点击下方公众号


【JavaScript 教程】第五章 字符串01— JavaScript 字符串_运算符_02

【JavaScript 教程】第五章 字符串01— JavaScript 字符串_javascript_03

标签:01,console,log,JavaScript,let,str,字符串
From: https://blog.51cto.com/u_15809510/5832964

相关文章

  • 6 个 JavaScript 算术运算符
    英文|https://javascript.plainenglish.io/the-6-javascript-arithmetic-operators-you-need-to-know-about-4255ae8f2502翻译|杨小爱在您的开发项目中,您总是会遇到一些......
  • C基础学习笔记——第01天 linux介绍和基本命令
    在学习C基础总结了笔记,并分享出来。01-C基础第01天(linux介绍和基本命令) 目录和路径目录和路径的含义:目录:又称为文件夹,是包含所有的文件;路径:是反映目录和文件的位置【绝对......
  • Computer Vision_33_SIFT:Improving Bag-of-Features for Large Scale Image Search—
    此部分是计算机视觉部分,主要侧重在底层特征提取,视频分析,跟踪,目标检测和识别方面等方面。对于自己不太熟悉的领域比如摄像机标定和立体视觉,仅仅列出上google上引用次数比较多......
  • VS2015快捷键大全
    在学习C基础总结了笔记,并分享出来。有问题请及时联系博主:​​Alliswell_WP​​,转载请注明出处。目录:零、VS常用快捷键一、VS2015快捷键大全一、VS2008快捷键大全三、VS2005......
  • JavaScript超大文件上传解决方案:分片断点上传
    ​ javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求,也可以使用ajax向后端发请求    1. 通过form表单向后端发送请求    ......
  • P4048 [JSOI2010]冷冻波
    人生第一道紫题!debug巨久,码量巨大题目题目描述WJJ喜欢“魔兽争霸”这个游戏。在游戏中,巫妖是一种强大的英雄,它的技能FrozenNova每次可以杀死一个小精灵。我们认为,巫妖......
  • 【ES6 教程】第一章 新的ES6语法10—如何替换字符串中的变量
    英文|https://www.javascripttutorial.net翻译|杨小爱在今天的教程中,我们将学习JavaScript模板文字,它使我们可以更轻松地使用字符串模板。在ES6之前,我们使用单引号......
  • javaScript简单的赋值运算符
    <----------------------------------------------赋值运算符------------------------------------------------------------>=号是赋值操作+=是加等于号,和(n=n+1)是......
  • Leetcode第1684题:统计一致字符串的数目(Count the number of consistent strings)
    解题思路采用位运算的思路不太好理解。但思想就是根据allowed建立一个\(mask\),遍历words中的每个元素的每个字符c,查看\(mask\)的值是否为真。如果存在就返回结果加一。......
  • ​给前端开发者的 14 个 JavaScript 代码优化建议
    英文|https://blog.bitsrc.io/14-javascript-code-optimization-tips-for-front-end-developers-a44763d3a0da作者| MahdhiRezvi译文| https://github.com/xitu/gold......