目录
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
操作:1:成功:301-字符串常见操作(长度、索引和大小写转换)
一.目的
1.想:学习前端知识
2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆。
二.参考
1.我自己代码的GitHub网址
GitHub - xzy506670541/WebTest: SIKI学院的Web前端
2.SIKI学院:我参考此视频实操
- 我参考此视频实操
3.w3school官网:当做字典使用
4.菜鸟教程:当做字典使用
三.注意
操作:1:成功:301-字符串常见操作(长度、索引和大小写转换)
1.运行结果:成功:
1.获取字符串长度
2.利用索引访问单个字符
3.可以获取对应字符,但是不能修改
4.字符串变大、变小
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//1.获取字符串长度
var str="hello world!";
console.log(str.length);
// 2.利用索引访问单个字符
console.log(str[2]);
// 3.可以获取对应字符,但是不能修改
str[2]='s';
console.log(str)
// 4.字符串变大、变小
var str2=str.toUpperCase();
console.log(str2);
var str3=str.toLowerCase();
console.log(str3);
</script>
</head>
<body>
</body>
</html>
操作:2:成功:302-字符串常见操作(查找,拼接和截取)
1.运行结果:成功:
1.字符串:查找
①如果子串存在,返回子串首字母索引,如果子串不存在,返回-1
2.字符串:拼接
3.字符串:截取
var str3 = str.slice(2, 5); //从第二个开始,总共截取5个
var str4=str.slice(2);//从第二个开始截取所有的字符
var str5=str.slice(5,3);//非法:获得空字符串
var str6=str.slice(2,40);//截取数量超过字符串长度,则全部截取
var str7=str.slice(-4,-2);//负数:从后往前截取,截取倒数第4个,往右移动俩位
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//1.字符串:查找
str = "hello world!";
//①如果子串存在,返回子串首字母索引,如果子串不存在,返回-1
var index = str.indexOf("0");
console.log(index);
// 2.字符串:拼接
var str2 = str.concat(str, "+xzy");
console.log(str2);
//3.字符串:截取
var str3 = str.slice(2, 5); //从第二个开始,总共截取5个
var str4=str.slice(2);//从第二个开始截取所有的字符
var str5=str.slice(5,3);//非法:获得空字符串
var str6=str.slice(2,40);//截取数量超过字符串长度,则全部截取
var str7=str.slice(-4,-2);//负数:从后往前截取,截取倒数第4个,往右移动俩位
console.log(str3);
console.log(str4);
console.log(str5);
console.log(str6);
console.log(str7);
</script>
</head>
<body>
</body>
</html>
操作:3:成功:303字符串常见操作(截取,去除空格)
1.运行结果:成功:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
str="hello world!";
var str2 = str.substring(2, 5);
var str3 = str.substring(2);
var str4 = str.substring(5, 2); //等于str.substring(2, 5)
var str5 = str.substring(-4, -2); //str.substring(0,0)
console.log(str2);
console.log(str3);
console.log(str4);
console.log(str5);
</script>
</head>
<body>
</body>
</html>
1.运行结果:成功:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
str = "hello world!";
var str2 = str.substr(2,3);
var str3 = str.substr(2);
console.log(str2);
console.log(str3);
</script>
</head>
<body>
</body>
</html>
1.运行结果:成功:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//1.按照空格进行截取,参数是空格
var str1_1 = "hello world!";
var str1_2 = str1_1.split(" ");
console.log(str1_2)
//2.每一个字母都截取,参数是没有
var str2_1 = "hello world!";
var str2_2 = str2_1.split("");
console.log(str2_2)
// 3.按照逗号进行截取,参数是逗号
var str3_1 = "hello,world,xzy,!";
var str3_2 = str3_1.split(",");
console.log(str3_2)
// 4.限制返回字符串数组的个数
var str4_1 = "hello,world,xzy,!";
var str4_2 = str4_1.split(",", 2);
console.log(str4_2)
// 5.去掉字符串前后的空格,中间不管
var str5_1 = " hello,world,xzy,! "
var str5_2 = str5_1.trim();
console.log(str5_1);
console.log(str5_2);
</script>
</head>
<body>
</body>
</html>