JavaScript学习（四）字符串知识扩展

最新推荐文章于 2024-07-26 20:46:33 发布

缘昔

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量540

点赞数

分类专栏： JavaScript学习文章标签： javascript

本文链接：https://blog.csdn.net/weixin_58648684/article/details/121800810

版权

JavaScript学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

上一篇博客中，对于String字符串类型进行粗略的介绍，现在对于字符串的知识做一个总结以及进行一些扩展。

在对于字符串的简单介绍中提到了，对于正常的字符串，一般使用单引号或者双引号进行定义（’ String ‘或者 ” String“）。如图，使用了两种形式定义了字符串：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>text</title>
    <script>
        console.log('Yurrize');
        console.log("Yurrize");
    </script>
</head>
</html>

在上一篇文章中，还提到了对于字符串中的转义字符：

'\n'    //换行符号
'\t'    //制表符号
'\b'    //空格符号
'\r'    //回车符号
'\u4e2d'   '\u####' //Unicode字符
'\x41'  //Ascll字符
.......

对于字符串，不仅仅只有单行字符串，同时js还可以进行对于多行字符串的编写

    <script>
        //对于多行字符串的定义，一般通过·符号进行多行字符串的定义
        let hh= `
        Hello
        你好
        喜欢你
        `
    </script>

在浏览器控制台中输出的时候，字符串将以多行的形式输出，效果如图：

这里介绍一些常用的属性与方法：

    <script>

        var Student='student';
        console.log(Student);//输出字符串
        console.log(Student.length);//输出字符串长度
        console.log(Student.toUpperCase());//将字符串转换成大写字母
        console.log(Student.toLowerCase());//将字符串转换成小写字母
        console.log(Student.indexOf('t'));//输出该字母位于字符串的位置
        console.log(Student.substring(1,3))//截取字符串[1,3),默认值为字符串的长度
    </script>

对应输出结果如下图：

补充：在这里介绍一下上面提到的浏览器控制台，这是在以后可以很方便的进行js代码的调试的一个地方。

首先，要使用浏览器控制台，首先先点开自己电脑的浏览器，这里我是使用的是edge浏览器，就以egde浏览器作为例子介绍，其他浏览器的控制台打开方式也是大同小异的。右键点击页面空白处，选择检查元素，进入浏览器控制台。

在这里，从左至右依次介绍，

元素（Element）在这里能查到页面的HTML和CSS元素。

控制台（Console）在这里我们可以进行js代码的编写以及调试，之前所用到的console.log()语句的功能就是在浏览器控制台输出所需要的元素。

源代码（Sources）在这里能查看当前的源码目录，能在这里对代码打上断点并进行源码的断点调试。

网络（Network）网络请求模块，能进行网络的不同请求。

性能（Performance）以及内存（Memory）模块，在js的学习中不需要用到因此不做介绍。

应用（Application）在这里相当于一个Web的一个数据库，对一些信息进行简单的存储，存储在浏览器里面。

这就是对于字符串类型的知识的一个扩展，以及对于浏览器控制台的介绍，在接下来的学习中都会经常用到。

缘昔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习（四）字符串知识扩展

上一篇博客中，对于String字符串类型进行粗略的介绍，现在对于字符串的知识做一个总结以及进行一些扩展。在对于字符串的简单介绍中提到了，对于正常的字符串，一般使用单引号或者双引号进行定义（’ String‘或者 ” String“）。如图，使用了两种形式定义了字符串：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>...
复制链接

扫一扫

专栏目录