JavaScript字符串详解

思诚代码块

已于 2022-02-09 19:57:50 修改

阅读量748

点赞数 2

分类专栏： JavaScript实战笔记+理论文章标签： javascript 前端开发语言 JavaScript字符串

于 2022-02-09 19:54:54 首次发布

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122847600

版权

JavaScript实战笔记+理论专栏收录该内容

27 篇文章 2 订阅

订阅专栏

大家好，今天分享JavaScript字符串

写源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        console.log('a')
        console.log('b')
    </script>
</head>
<body>

</body>
</html>

打开浏览器
在这里插入图片描述
成功显示

转义字符：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        console.log('a\nb');  //转义字符
        console.log('b')
    </script>
</head>
<body>

</body>
</html>

看结果：

在这里插入图片描述

1.正常的字符串，我们可以使用单引号和双引号来包裹

2.转义字符

\'     :表示一个字符
\n   : 表示换行
\t    :表示tab
\u4r2d     :unicode字符（可以打出“中”字）
Ascll字符
\x41

实例：
在这里插入图片描述

在这里插入图片描述

多行字符串：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict';
        var mjs =`hello world       //这个点在esc键的下面
        你好朋友
        帅哥`
    </script>
</head>
<body>

模板字符串：

 let   name ="shuaige";
        let age =4;
        let msg =`你真棒，${name}`

在浏览器上看结果：
在这里插入图片描述
字符串长度：

var student="student";
undefined
console.log(student.length)

undefined

截图：
在这里插入图片描述

使用下标来查找元素

console.log(student[0])
s
undefined

截图：

在这里插入图片描述

字符串的可变性，不可变
在这里插入图片描述

大小写转换

var str = "JavaScript";
undefined
var str1 = str.toLowerCase();
undefined
console.log(str.toUpperCase())
VM1890:1 JAVASCRIPT
undefined
console.log(str.toLocaleLowerCase())
VM1935:1 javascript
undefined

在这里插入图片描述

console.log(str.indexOf('s'))
 -1
undefined



console.log(str.indexOf('r'))
VM2137:1 6
undefined
console.log(str.substring(1))
VM2203:1 avaScript
undefined
console.log(str.substring(1,3))
VM2212:1 av
undefined

截图：
在这里插入图片描述

console.log(str.substring(1))   //从第一个字符串截取到最后一个字符串
console.log(str.substring(1,3))    //[1,3)

好了，有关于JavaScript字符串就讲到这里了。谢谢大家

思诚代码块

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
2
评论
JavaScript字符串详解

大家好，今天分享JavaScript字符串写源吗：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> console.log('a') console.log('b') </script></head&gt
复制链接

扫一扫