第一百零九篇:基本数据类型(String类型)

好家伙，

本篇内容为《JS高级程序设计》第三章学习笔记

 

1.String类型

字符串类型是最常用的几个基本类型之一

字符串可以使用双引号，单引号以及反引号（键盘左Tab上面那个）标示

let panghu ='panghu';
let kunkun ="kunkun";
let awei =`awei`;
console.log(panghu,kunkun,awei);

 

逆天标识法：

前为单引号，后为双引号

let panghu ='panghu";

 

 

别这么干！ 

 

2.字符字面量

字面量      含义

\n             换行

\t　　　　tab缩进

\b　　　   退格

\r　　　　回车

\f　　　　换页

\\　　　　反斜杠(\)

\'　　　　单引号(')

\"　　　　双引号(")

\`　　　　反引号(`)

\xnn　　  以十六进制编码nn表示的字符

\unnnn     以十六进制编码表示Unicode字符

 

 

3.字符串特点

ECMAScript中的字符串是不可变的,一旦创建,它们的值就不能变了.

要修改某个变量中的字符串值,必须先销毁原始的字符串,然后将包含新值的另一个字符串保存到该变量

然而所有处理都是在后台发生的,

 

 

4.字符串转换方法

4.1.toString()方法

toString()方法可用于数值、布尔值、对象和字符串，值得注意的是null和undefined值没有toString()方法

toString()方法多数情况下不接受参数，

但在对数值调用toString()方法时，可以接受一个参数来表示以什么进制输出

let value_1 =100;
let value_2 =null;
let value_3 =undefined;

console.log(value_1.toString(2));
console.log(value_2.toString());
console.log(value_3.toString());

 

 

4.2.String()方法

String()转型方法几乎可用于任何值

转换规则如下：

（1）如果值由toString（）方法，则调用该方法（无参数）并返回结果

（2）null，返回"null"

（3）undefined，返回"undefined"

let value_1 =100;
let value_2 =null;
let value_3 =undefined;

console.log(String(value_1));
console.log(String(value_2));
console.log(String(value_3));

 

 

5.模板字面量

模板字面量正如他的命名一般，在字符串中保留"模板"

我们使用反引号(``)来保存一个模板字面量

let a ="woshi\npanghu";
let b =`woshi
panghu`;

console.log(a);
console.log(b);

console.log(a==b);

 可以看到,我们的"实体回车"被保存了下来

 

6.字符串插值

可以在模板字面量中使用字符串插值，也就是可以在一个连续定义中插入一个或多个值。

 传统插值法:

let num_1 = 3;
let num_2 = 4;
let sum =num_1+'+'+num_2+'='+(num_1*num_2);
console.log(sum);

  

(都什么年代了还在用传统插值法)

在模板字面量中使用字符串插值

let num_1 = 3;
let num_2 = 4;
let sum = `${num_1}+${num_2}=${num_1*num_2}`;
console.log(sum);

 

 上手亲自写一遍,会发现,模板字面量字符串插值法确实好用更多

1.书写逻辑更合理

2.插值表达更清晰

所有插入的值都会使用toString方法强制转型为字符串,而且任何JavaScript表达式都可以用于插值

嵌套的模板字符串无须转义

在插值表达式中可以调用函数和方法:

let panghu = 'panghu';
function makepanghubigger(word){
    return`${word.toUpperCase()}`;
}
console.log(`${makepanghubigger('panghu')}`);

 

有趣的是,模板可以插入自己之前的值:

let panghu ="PangHu\t";
function f__k(){
    panghu=`${panghu}PangHu\t`;
    console.log(panghu);
}
for(let i=1;i<5;i++){
    f__k();
}

 

 

7.原始字符串

使用模板字符串可以直接获取原始模板字面量内容,而不是被转换后的字符表示.

为此,可以使用默认的String.raw标签函数

console.log("woshi\npanghu");
console.log(String.raw`woshi\npanghu`);