1.模板字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//定义变量
let name = `犬夜叉`;
let skill = `天生牙`;
//字符串嵌入变量
document.write(`${name}的主要技能是${skill}`)
</script>
</body>
</html>
2.多行字符串
多行字符串的作用是用来提高源代码的可读性。
尤其是当你处理预定义好的较长字符串时,把这种字符串分成多行书写更有助于提高代码的可读性和可维护性。
在一些语言中,多行字符串还可以用来做代码注释。
大部分动态脚本语言都支持多行字符串,比如Python,Ruby,PHP.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//1.字符串相加(最容易理解也最常用的一种形式)// 优点:易理解,简单,可靠。
//优点:易理解,简单,可靠。
//缺点:并不是真正意义上的多行字符串;大量的+号看上去像满天星
let str1 = "I am " +
"dangerous";
console.log(str1); //I am dangerous
//2.使用反斜线(续行符,并非一种常见形式,但是用上了很容易上瘾)
//优点:简单,高效。
//缺点:每一行的\后必须不可以有空格,否则之间脚本错误。同样不是真正意义上的多行字符串。
let str2 = "I am \
dangerous";
console.log(str2); //I am dangerous
</script>
</body>
</html>
3.字符串和数组相互转换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//字符串转化为数组 split
let A = 'abc';
let B = A.split('');
console.log(A);//abc
console.log(B);//['a','b'.'c']
//数组转化为字符串 join
let a = [1,2,3,4];
let b = a.join('');
console.log(a);
console.log(b);
console.log(typeof(b));
//小练习
let str = '星期日,星期一,星期二,星起三,星期四,星期五,星期六';
let today = new Date();
console.log(today);//Mon Sep 12 2022 18:47:07 GMT+800(中国标准时间)
let day = today.getDay();//getDay()方法 返回一周(0-6)的某一天的数字 星期日为0
console.log(day);//2
let arr = str.split(',')
console.log(arr);//['星期日', '星期一', '星期二', '星起三', '星期四', '星期五', '星期六']
console.log("今天是:" + arr[day]);
</script>
</body>
</html>
4.字符串声明与方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//1.声明字符串
let str1 = "江西软件职业技术";
let str2 = "江西软件职业技术";
let str3 = `江西软件职业技术`;
//2.判断一个字符串在不在某个字符串里面
let index1 = str1.indexOf('江西');
console.log(index1);
//3.截取字符串(第一个参数:从那个下标开始截取;第二个参数:截取的长度)
let str4 = str1.substr(2,3)
console.log(str4);
//4.修改字符串(第一个参数:要修改的字符串;第二个参数:修改后的字符串)
let str5 = str.replace("软件","互联网")
console.log(str5);
//5.分割字符串
let str6 = "你好世界"
//这个函数返回的一定是一个数组
let array = str6.split(',')
// &为分隔符,找到分隔符后,将其从字符串删除,并将子字符串的数组返回。
// 如果没有找到或省略了分隔符,则该数组包含了一个由整个字符串组成的元素。
// 如果分隔符为空字符串,则将str转换为字符数组
console.log(array);
</script>
</body>
</html>