Web前端第三季(JavaScript):八:第3章: 字符串和对象:301-字符串常见操作(长度索引和大小写转换)+302-字符串常见操作(查找，拼接和截取)+303字符串常见操作(截取,去除空格)

最新推荐文章于 2023-09-07 13:36:41 发布
最新推荐文章于 2023-09-07 13:36:41 发布
阅读量117 收藏
点赞数
分类专栏： JS 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40544338/article/details/121403061
版权

目录

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

2.SIKI学院:我参考此视频实操

3.w3school官网:当做字典使用

4.菜鸟教程：当做字典使用

三.注意

操作:1:成功:301-字符串常见操作（长度、索引和大小写转换）

1.运行结果:成功:

操作:2:成功:302-字符串常见操作(查找，拼接和截取)

1.运行结果:成功:

操作:3:成功:303字符串常见操作(截取,去除空格)

1.运行结果:成功:

1.运行结果:成功:

1.运行结果:成功:

一.目的

1.想：学习前端知识

2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。

二.参考

1.我自己代码的GitHub网址

​​​​​GitHub - xzy506670541/WebTest: SIKI学院的Web前端

2.SIKI学院:我参考此视频实操

登录 - SiKi学院 - 生命不息，学习不止！siki老师的Unity3D专业视频学习平台，上千门实时更新课程，供学员在线观看，为国内开发者提供最新、最全、最快的视频学习教程http://www.sikiedu.com/my/course/212

  1. 我参考此视频实操

3.w3school官网:当做字典使用

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>

Smart_zy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
字母大小写转换工具(WEB版本)
05-27
网页版本的字母大小写转化工具，无需联网，也可使用，用浏览器打开即可。
Web前端第三季(JavaScript):六:第2章:流程控制和函数:208-break语句和continue语句+209-循环嵌套+
qq_40544338的博客
11-18 389
一.目的 1.想：学习前端知识 2.想：记录笔记，下次不用看视频，直接看笔记就可以快速回忆。 二.参考 1.我自己代码的GitHub网址 ​​​​​GitHub - xzy506670541/WebTest: SIKI学院的Web前端 2.SIKI学院:我参考此视频实操 登录 - SiKi学院 - 生命不息，学习不止！siki老师的Unity3D专业视频学习平台，上千门实时更新课程，供学员在线观看，为国内开发者提供最新、最全、最快的视频学习教程http://www.sikied...
前端入门系列（二）：javascript字符串对象方法
alex1504的博客
05-17 534
字符方法 chatAt()和chatCodeAt charAt()和charCodeAt() 这两个方法接收一个参数，即基于0的字符位置。 chatAt()以单字符字符串的形式返回给定位置的那个字符。 chatCodeAt()返回给定位置的那个字符的字符编码。 var stringValue="hellow"; stringValue.chatAt(1); //"e" stringVal...
字符串大小写转换
qq_45695622的博客
10-21 115
在这里插入代码片 字符串大小写转换
字符串大小写转换html,用JavaScript将字符串进行大小写转换的方法
weixin_39525118的博客
05-31 1375
用JavaScript将字符串进行大小写转换的方法发布时间：2020-08-31 11:58:46来源：亿速云阅读：201作者：小新这篇文章主要介绍了用JavaScript将字符串进行大小写转换的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。一、toLowerCase 将字符串转为小写JavaScript中的toLowerCase(...
头歌教学实践平台 Web前端开发基础 JavaScript学习手册九：字符串
01-20
理解和掌握字符串的特性及操作方法，对于Web前端开发者来说至关重要。通过熟练运用这些知识点，开发者能够更高效地处理和展示网页上的文本信息。在实际项目中，结合其他JavaScript概念，如DOM操作、事件处理等，可以...
实例：用 JavaScript 来操作字符串(一些字符串函数)
10-31
以下是一些常用的JavaScript字符串函数及其详细解释： 1. **concat()**： - `concat()`函数用于连接两个或更多字符串，返回一个新的字符串。例如，`"hello".concat(" ", "world")`将返回`"hello world"`。 2. **...
babel-extract-comments：使用babel从字符串中提取JavaScript代码注释。 返回带有行，列，索引，注释类型和注释字符串的注释对象数组
01-31
使用babel（巴比伦）从JavaScript字符串或文件中提取JavaScript代码注释。 请考虑关注该项目的作者 ，并考虑为该项目以显示您的 :red_heart_selector: 和支持。 安装 使用安装： $ npm install --save babel-...
JavaScript：数组与字符串操作教程
最新发布
07-14
### JavaScript：数组与字符串操作教程 #### 一、变量与数据类型 在JavaScript中，变量是用来存储数据值的重要工具。由于JavaScript是一种弱类型语言，因此在声明变量时无需明确指定其类型，变量的类型会根据所赋...
Web_java script基本使用D_面向对象(2)_创建函数四种方式（构造函数）
qq_40041509的博客
08-19 176
一，字面量创建 js对象是键值对集合 var obj={ 键1:值1, 键2:值2, 方法名1:function(){}, 方法名2:function(){} } 二，new 对象创建 new Object();O大写 var obj=new Object(); //创建一个空白对象 // console.log(obj); obj.name="小白"; obj.age=12; obj.show=function () { console.log("秀儿同学"); } obj.
web二级简单应用题（大小写转换）
赖格宝的博客
09-07 117
点击“转换”按钮后，将字符串“hAPPYimastudentNOw”中的大写字母转换成小写字母，小写字母转换成大写字母并输出。(提示: charCode在65-90之间表示是大写字母，97-122之间为小写字母)
Web每日一练day12 大小写转换
weixin_43942765的博客
07-08 397
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>5</title> <script> function test(){ var temp = "hAPPY,i'm a student,NOW"; var temp1 = ""; for(var i=0; i<temp.leng.
python中字符串的大小写转换
webchang的博客
03-14 669
python中字母的大小写转换
javascript三种创建函数的方式
02-18 174
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript创建对象的不同方式</title> <script> // 1. 工厂...
JavaScript 技术篇-js字符串大小写转换，toLocalUpperCase()和toUpperCase()的区别详解
小蓝枣的博客
08-02 5470
正常大小写转换原理都是改变对应的 ASCII 码的值来实现的，比如十进制 A 对应 65，a 对应 97，把 a 转化为 A 只要把 97 改为 65 就好了。 一般语言的字符集比如 GBK，UTF-8 等，包含的特殊字符集是和标准的 ASCII 码一致的。 但有一些特殊语言的字符集，比如土耳其语，对应的特殊字符集就跟我们的不一样，它的 A 不是 65 了，a 也不是 67 了，用 toUpperCase() 就不行了，需要用 toLocalUpperCase()，一般情况下使用效果是一样的。
web前端-JavaScript中的函数（创建，参数，返回值，方法，函数作用域，立即执行函数）
苏凉.py的博客
06-12 2664
函数（）在JavaScript中有三种方法来创建函数其中第一种方法在实际使用中并不常用。创建函数之后需调用函数才可执行函数体内的代码。 函数的调用：使用new关键字创建一个函数，将要封装的功能（代码）以字符串的形式传递给封装函数，在调用函数时，封装的功能（代码）会按照顺序执行。用函数声明显而易见的要简便许多，小括号中的形参视情况而写，语句写在中括号内。与构造函数不同的是不需要以字符串的形式写入。函数表达式和函数声明的方式创建函数的方法相似，不同的是用函数表达式创建函数是将一个匿名函数赋值给一个变量，同时在语
javascript 字符串大小写转换的方法
qq_33019839的博客
10-26 3420
在编程逻辑的实际应用中,有可能需要对字符串中字母进行大小写进行转换。而今天我们就说一说在html前端的js脚本中，如何对字符串中的字母进行大小写的转换。 JavaScript 中的 toUpperCase() 方法 toUpperCase()：方法用于把字符串中的字母转换为大写。 语法： stringObject.toUpperCase() 返回值： 返回一个处理过的新字符串，此字符串的所有字母为...
0009 字符串字母大小写转换
小新的博客
12-07 3376
/*7-19 字符串字母大小写转换 （15 分） 本题要求编写程序，对一个以“#”结束的字符串，将其小写字母全部转换成大写字母，把大写字母全部转换成小写字母，其他字符不变输出。 输入格式： 输入为一个以“#”结束的字符串（不超过30个字符）。 输出格式： 在一行中输出大小写转换后的结果字符串。 输入样例： Hello World! 123# 输出样例： hELLO wORLD! 123 注：1.w...
JavaScript基础：对象与字符串操作详解
数组对象和字符串对象是JavaScript中最常见的两种对象类型。 数组对象是存储一组有序数据的容器，可以存储任意类型的值。创建数组有三种方式： 1. 使用`new Array()`构造函数，并指定数组的元素个数，例如 `var ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值