JavaScript基本数据类型之String 和 Boolean
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)[外链图片转存中…(img-r8W
2、同类引号不能嵌套:双引号里不能再放双引号,单引号里不能再放单引号。
3、单引号里可以嵌套双引号;双引号里可以嵌套单引号。
✨转义字符
在字符串中我们可以使用\
作为转义字符,当表示一些特殊符号时可以使用\
进行转义。
-
\"
表示"
双引号 -
\'
表示'
单引号 -
\\
表示\
-
\r
表示回车 -
\n
表示换行。n 的意思是 newline。 -
\t
表示缩进。t 的意思是 tab。 -
\b
表示空格。b 的意思是 blank。
举例:
var str1 = “我说:“今天\t天气真不错!””;
var str2 = “\\\”;
console.log(str1);
console.log(str2);
上方代码的打印结果:
我说:“今天 天气真不错!”
\\
✨获取字符串的长度
字符串是由若干个字符组成的,这些字符的数量就是字符串的长度。我们可以通过字符串的 length 属性可以获取整个字符串的长度。
代码举例:
var str1 = ‘地球炒蛋’;
var str2 = ‘地球炒蛋,永不止步!’;
console.log(str1.length); // 4
console.log(str2.length); // 10
由此可见,字符串的 length 属性,在判断字符串的长度时,会认为:
-
一个中文算一个字符,一个英文算一个字符
-
一个标点符号(包括中文标点、英文标点)算一个字符
-
一个空格算一个字符
✨字符串拼接
多个字符串之间可以使用加号 +
进行拼接。
拼接语法:
字符串 + 任意数据类型 = 拼接之后的新字符串;
拼接规则:拼接前,会把与字符串相加的这个数据类型转成字符串,然后再拼接成一个新的字符串。
代码举例:(字符串与六大数据类型相加)
var str1 = ‘地球炒蛋’ + ‘永不止步’;
var str2 = ‘地球炒蛋’ + 666;
var str3 = ‘地球炒蛋’ + true;
var str4 = ‘地球炒蛋’ + null;
var str5 = ‘地球炒蛋’ + undefined;
var obj = { name: ‘地球炒蛋’, age: 28 };
var str6 = ‘地球炒蛋’ + obj;
console.log(str1);
console.log(str2);
console.log(str3);
console.log(str4);
console.log(str5);
console.log(str6);
打印结果:
地球炒蛋永不止步
地球炒蛋666
地球炒蛋true
地球炒蛋null
地球炒蛋undefined
地球炒蛋[object Object]
✨字符串的不可变性
字符串里面的值不可被改变。虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间。
代码举例:
var str = ‘hello’;str = ‘PJ’;
比如上面的代码,当重新给变量 str 赋值时,常量hello
不会被修改,依然保存在内存中;str 会改为指向PJ
。
ES6中引入了模板字符串,让我们省去了字符串拼接的烦恼。下面一起来看看它的特性。
✨在模板字符串中插入变量
以前,让字符串进行拼接的时候,是这样做的:(传统写法的字符串拼接)
var name = ‘PJ’;var age = ‘26’;console.log(‘name:’ + name + ‘,age:’ + age); //传统写法
这种写法,比较繁琐,而且容易出错。
现在,有了 ES6 语法,字符串拼接可以这样写:
var name = ‘PJ’;var age = ‘26’;console.log(‘我是’ + name + ‘,age:’ + age); //传统写法console.log(我是${name},age:${age}
); //ES6 写法。注意语法格式
注意,上方代码中,倒数第二行用的符号是单引号,最后一行用的符号是反引号(在 tab 键的上方)。
参考链接:
✨在模板字符串中插入表达式
以前,在字符串中插入表达式的写法必须是这样的:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容
这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-r8Wl0lW0-1712084165479)]
最后
[外链图片转存中…(img-wwAahdZJ-1712084165479)]
[外链图片转存中…(img-RwCOgdLn-1712084165480)]
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)