学习目标:
提示:这里可以添加学习目标
例如:
- 了解熟悉掌握字符串的知识及应用
学习内容:
提示:这里可以添加要学的内容
例如:
- 字符串的声明与方法
- 掌握 多行字符串
- 掌握模板字符串
- 掌握字符串与数组的相互转换
学习时间:
提示:这里可以添加计划学习的时间
例如:
不限,但要有效率
学习产出:
提示:这里统计学习计划的总量
例如:
- 代码加注释
字符串的声明与方法
<!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 str1 = '大鱼海棠哦';
let str2 = '大鱼海棠哦';
let str3 = '大鱼海棠哦';
let str4 = '大鱼海棠哦';
// 判断某些字符在不在某个字符串里面
let index = str1.indexOf('大鱼')
console.log(index);
//截取字符串
let str5 = str1.substr(1,2);//大为0,鱼为1,海为2,棠为3 指的是字符串的长度
console.log(str5);
//修改字符串
let str6 = str4.replace('大鱼','小鱼')
console.log(str6);
//分割字符串
let str7 = "公务员铁饭碗"
let arry = str7.split('')
console.log(arry);
//大小写转换 (只有英文有大小写 中文没有)
console.log("ABCD".toLowerCase());//转化为小写 abcd
console.log("abcd".toUpperCase());// 大写 ABCD
console.log('中文不存在大小写'.toLowerCase());
</script>
</body>
</html>
多行字符串
<!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 str1 = "I am " +
"dangerous";
console.log(str1);
//反斜线 续行符 注意:\后面不能有空格
let str2 = "I am \
dangerous";
console.log(str2);
//模板字符串(在真实的业务中将一个字符串变成多行)
let str3 =
`I
am
dangerous`;
console.log(str3);
</script>
</body>
</html>
模板字符串
<!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>
字符串与数组的相互转换
<!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
// 定义字符串A B
let A = 'abc';
let B = A.split("");
console.log((A)); //abc
console.log((B));//0: "a" "b" "c"
let a = ['1', '2', '3', '4'];
let b = a.join("");
console.log(a);//["1" "2" "3" "4"]
console.log(b);//1234
console.log(typeof (b));//string
// 练习
let str = '星期天,星期一,星期二,星期三,星期四,星期五,星期六';//里面的逗号必须为英文
let today = new Date();
console.log(today);//Tue Sep 13 2022 15:43:48 GMT+0800 (中国标准时间)
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>