JS:字符串的方法 (详细 大全)

 1字面量创建方式

var str = "我是字符串";

2构造法创建方式

	var str1 = new String("我是字符串2");

3.判断数据类型

console.log("str1:",typeof str1);

4.判断是否是一个数组

console.log("str1:",Array.isArray(str1));

 以下是字符串的方法 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			;(function(){
				console.group("1、charAt() 	返回在指定位置的字符");
				var str = "我同桌最美";
				var str1 = str.charAt(3);
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("2、charCodeAt() 返回指定的位置的字符的Unicode编码");
				var str = "abcABC";
				var str1 = str.charCodeAt(0);
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("3、concat() 		连接两个或多个字符串,返回新的字符串");
				var str = "abc";
				var str1 = "def";
				var str2 = str.concat(str1);
				console.log("str2:",str2);
				var str3 = str1 + str;
				console.log("str3:",str3);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("4、fromCharCode() 将Unicode编码转为字符");
				var str = String.fromCharCode(23132);
				console.log("str:",str);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("5、indexOf() 	返回某个指定的字符串值在字符串中首次出现的位置");
				var str = "我同桌臭美";
				var index = str.indexOf("臭美");
				console.log("index:",index);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("6、includes() 	查找字符串中是否包含指定的字符串");
				var str = "小孟也臭美";
				var f = str.includes("臭美");
				console.log("f:",f);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("7、lastIndexOf() 从后向前搜索字符串");
				var str = "我同桌臭美臭美臭美";
				var index = str.lastIndexOf("臭美");
				console.log("index:",index);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("8、slice() 	提取字符串的片段,并在新的字符串中返回被提取的部分");
				var str = "我同桌和小孟都臭美";
				var str1 = str.slice(1,3);
				var str2 = str.slice(4,6);
				var str3 = str1 + str2;
				console.log("str1:",str1);
				console.log("str2:",str2);
				console.log("str3:",str3);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("9、split() 	把字符串分割为字符串数组");
				var str = "我同桌,小孟,小李";
				// var arr = str.split();
				// var arr = str.split("");
				var arr = str.split(",");
				// var arr = str.split("小");
				console.log("arr:",arr);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("10、startsWith() 	查看字符串是否以指定的字符串开头");
				var str = "hello world";
				var f = str.startsWith("hello");
				console.log("f:",f);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("11、substr() 	从起始索引提取字符串中指定数目的字符");
				var str = "emmmm太好看了";
				// var str1 = str.substr(开始的下标,截取的长度);
				var str1 = str.substr(5,4);
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("12、substring() 	提取字符串中两个指定索引之间的字符");
				var str = "emmmm太好看了";
				// var str1 = str.substring(开始的下标,结束的下标);
				var str1 = str.substring(5,9);
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("13、toLowerCase() 把字符串转为小写");
				var str = "IMTiRED";
				var str1 = str.toLowerCase();
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("14、toUpperCase() 把字符串转为大写");
				var str = "imtIred";
				var str1 = str.toUpperCase();
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("15、trim() 	去掉字符串两边的空白");
				var str = "  同  桌  ";
				var str1 = str.trim();
				console.log("str1:",str1);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("16、search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。");
				var str = "小孟看自己电脑屏幕";
				var index = str.search("电脑");
				console.log("index:",index);
				console.groupEnd();
			}())
			
			;(function(){
				console.group("17、replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。");
				var str = "隔壁村的安二麻子";
				// var str1 = str.replace(被替换的内容,要替换的内容);
				var str1 = str.replace("安","");
				console.log("str1:",str1);
				console.groupEnd();
			}())
		</script>
	</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值