【JavaScript】JavaScript 变量 ⑤ ( JavaScript 数据类型 - String 字符串类型 | 引号嵌套 | 创建字符串 | 转义字符 )
【JavaScript】JavaScript 变量 ⑤ ( JavaScript 数据类型 - String 字符串类型 | 引号嵌套 | 创建字符串 | 转义字符 )
韩曙亮
发布于 2024-03-12 13:10:16
发布于 2024-03-12 13:10:16
一、 JavaScript 数据类型 - String 字符串类型
1、String 类型简介
JavaScript 的 String 字符串类型 是 基本数据类型 的一种 , 用于表示文本数据 ;
字符串 一旦创建 就不可改变 , 但是可以 创建 新的字符串 ;
String 类型 的 字符串 是 使用双引号 " 或单引号 ' 包裹的若干字符 ;
"Hello, World";
'Hello, World';在 HTML 中的 属性值 一般都是在 双引号 中设置 , JavaScript 中推荐使用 单引号 定义字符串 ’
2、引号嵌套
引号嵌套 : 如果想要在 字符串 中 使用 双引号 / 单引号 字符 , 则可以使用 双引号 与 单引号 进行嵌套 ;
- 外双内单 : 外部是 双引号 , 内部是 单引号 ;
var str1 = "Hello 'Tom'";- 外单内双 : 外部是 单引号 , 内部是 双引号 ;
var str2 = 'Hello "Tom"';3、创建字符串
创建字符串 :
- 使用 字面量 创建 字符串 :
let str1 = "Hello World";
let str2 = 'Hello World';- 使用 String 构造函数 创建字符串 :
let str3 = new String('Hello World');4、转义字符
字符串 中 如果要 使用 特殊字符 , 需要使用 转义字符 \ 进行转义 , 如 : 单引号 ' , 双引号 " , 换行 , 缩进 , 空格 , 转义字符 \ 等字符 ;
- 单引号 / 双引号 : 如果要在 JavaScript 字符串中 , 使用 单引号 / 双引号 , 可以在 引号之前使用 转义字符 ,
\",\';
// 字符串中使用 单引号 / 双引号
var str5 = 'Hello \"Tom\" and \'Jerry\'';
console.log(str5);- 换行符 :
\n;
// 字符串中使用 换行符
var str6 = '换行符 第一行\n第二行';
console.log(str6);- 缩进 :
\t;
// 字符串中使用 缩进
var str7 = '缩进:\t缩进结束';
console.log(str7);- 空格 :
\b;
// 字符串中使用 空格
// 字符串中的空格可以是 \b , 也可以直接打空格即可
var str8 = '空格:\b空格 结束';
console.log(str8);- 斜杠 :
\\;
// 字符串中使用 斜杠
var str9 = '斜杠:\\';
console.log(str9);二、 代码示例 - String 字符串类型
1、完整代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 设置 meta 视口标签 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// 1. 双引号字符串
var str1 = "Hello";
console.log(str1);
// 2. 单引号字符串
var str2 = 'Hello';
console.log(str2);
// 3. 引号嵌套 : 外双内单
var str3 = "Hello 'Tom'";
console.log(str3);
// 4. 引号嵌套 : 外单内双
var str4 = 'Hello "Tom"';
console.log(str4);
// 5. 字符串中使用 单引号 / 双引号
var str5 = 'Hello \"Tom\" and \'Jerry\'';
console.log(str5);
// 6. 字符串中使用 换行符
var str6 = '换行符 第一行\n第二行';
console.log(str6);
// 7. 字符串中使用 缩进
var str7 = '缩进:\t缩进结束';
console.log(str7);
// 8. 字符串中使用 空格
// 字符串中的空格可以是 \b , 也可以直接打空格即可
var str8 = '空格:\b空格 结束';
console.log(str8);
// 9. 字符串中使用 斜杠
var str9 = '斜杠:\\';
console.log(str9);
</script>
</head>
<body>
</body>
</html>2、展示效果
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2024-03-11，如有侵权请联系 cloudcommunity@tencent.com 删除
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号