JavaScript参考手册 String函数 18064字(搞定！)

已于 2022-08-09 21:59:46 修改
阅读量757 收藏 1
点赞数 1
分类专栏： JavaScript参考手册 文章标签： javascript 前端 开发语言
于 2022-08-06 22:30:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/126202157
版权

作者：陈业贵 华为云享专家 51cto(专家博主 明日之星 TOP红人) 阿里云专家博主

文章目录

JavaScript charAt() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示字符串的第一个字符。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="HELLO WORLD";//字符串赋值给变量
	document.getElementById("demo").innerHTML=str.charAt(0);
	//返回在指定位置的字符。这个函数是从0开始计算的，0看做第一个字符'H'哈
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示字符串的最后一个字符。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="HELLO WORLD";//字符串赋值给变量
	console.log(str.length);
	var n=str.charAt(str.length-1);//str.length当做有几个字符。从1开始计算的那种哦
	//浏览器显示出D最后一个字符是因为是从0开始计算的哦.这个函数charAt
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript charCodeAt() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示字符串的第一个字符的编码。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="HELLO WORLD";
	var n=str.charCodeAt(0);//72==H.为什么呢？因为ascii码中A=65 B=66 C=67 D=68 E=69 F=70 F=71 F=72.返回在指定的位置的字符的 Unicode 编码。
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签<p id="demo">
/**
 * 1、Unicode码扩展自ASCII字元集。Unicode最初打算作为ASCII的补充，可能的话，最终将代替它。
2、Unicode是一个编码方案，Unicode 编码共有三种具体实现，分别为utf-8,utf-16,utf-32，其中utf-8占用一到四个字节，utf-16占用二或四个字节，utf-32占用四个字节。
 * 
 */
</script>

</body>

在这里插入图片描述

JavaScript concat() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮连接两个字符串成新的字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var txt1 = "Hello ";
	var txt2 = "world!";
	var n=txt1.concat(txt2);// 	连接两个或更多字符串，并返回新的字符串。
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>

</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮连接2个字符串形成一个新的字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var txt1 = "Hello ";
	var txt2 = "world!";
	var txt3=" Have a nice day!";
	var n=txt2.concat(txt1,txt3);//哪个变量在开头哪个变量就一开始显示
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签
</script>

</body>
</html>

在这里插入图片描述

JavaScript endsWith() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h2>JavaScript 字符串</h2>


<p id="demo"></p>

<p>注意: IE 11 及更早版本不支持 endsWith() 方法。</p>

<script>
let str = "Hello world";
document.getElementById("demo").innerHTML = str.endsWith("world");//区分大小写.
/*如果传入的子字符串在搜索字符串的末尾则返回 true，否则将返回 false*/
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<h2>JavaScript 字符串</h2>



<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<p>注意: IE 11 及更早版本不支持 endsWith() 方法。</p>

<script>
let str = "To be, or not to be, that is the question.";
document.getElementById("demo").innerHTML = str.endsWith("question.");  // true
document.getElementById("demo1").innerHTML = str.endsWith("to be");      // false
document.getElementById("demo2").innerHTML = str.endsWith("to be", 19);  // true
/*如果传入的子字符串在搜索字符串的末尾则返回 true，否则将返回 false。第二个参数是：设置字符串的长度。默认值为原始字符串长度 string.length。*/
</script>

</body>
</html>

在这里插入图片描述

JavaScript fromCharCode() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示一个UNICODE编码的字符</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var n=String.fromCharCode(65);//把UNICODE转换成字符串.
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签<p id="demo">
</script>

</body>
</html>

在这里插入图片描述

JavaScript indexOf() 方法

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world, welcome to the universe.";
	var n=str.indexOf("welcome");//welcome首次出现的位置.从0开始数起的哦
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript includes() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看检测结果。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 includes() 方法 。</p>

<script>
function myFunction() {
  var str = "Hello world, welcome to the Runoob.";
  var n = str.includes("Runoob");//str变量中是否包含Runoob,包含返回true，否则false
  document.getElementById("demo").innerHTML = n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看是否包含要查找的字符串，找到的话返回 true，否则返回 false。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 includes() 方法 。</p>

<script>
function myFunction() {
  var str = "Hello world, welcome to the Runoob.";
  var n = str.includes("world", 12);从下标12的位置开始查找world
  document.getElementById("demo").innerHTML = n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript lastIndexOf() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="I am from runoob，welcome to runoob site.";
	var n=str.lastIndexOf("runoob");//runoob最后一次出现的位置
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="I am from runoob，welcome to runoob site.";
	var n=str.lastIndexOf("runoob", 20);
	//从位置20开始查找给定值最后出现的位置
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo"></p>

<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="I am from runoob，welcome to runoob site.";
	var n=str.lastIndexOf("runoob", 9);
	//定位在第 9 个字符，并从第 9 个字符开始往前搜索结果为 -1。-1代表没有啦
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript match() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示matches</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="The rain in SPAIN stays mainly in the plain"; 
	var n=str.match(/ain/g);//(查找找到一个或多个正则表达式的匹配。)在字符串中查找 "ain":区分大小写
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示matches。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str = "The rain in SPAIN stays mainly in the plain"; 
	var n=str.match(/ain/gi);//不区分大小写.查找找到一个或多个正则表达式的匹配。
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript String repeat() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮显示复制连接后的字符串。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 repeat() 方法 。</p>

<script>
function myFunction() {
  var str = "Runoob";
  document.getElementById("demo").innerHTML = str.repeat(2);//复制"Runoob"两次
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript replace() 方法

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>单击按钮将段落中的第一个 Microsoft 替换成 Runoob：</p>
<p id="demo">Visit Microsoft!Visit Microsoft!</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	//获取到<p id="demo"></p>里面的字（Visit Microsoft!Visit Microsoft!）。
	var n=str.replace("Microsoft","Runoob");
	//把"Microsoft"换成"Runoob"
	document.getElementById("demo").innerHTML=n;
	//赋值给p标签<p id="demo"></p>
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	var n=str.replace(/blue/g,"red");//把<p id="demo"></p>标签内所有的blue换成red
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签.<p id="demo"></p>
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	var n=str.replace(/blue/gi,"red");//把所有的blue换成red。不区分大小写
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript replaceAll() 方法

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>单击按钮将段落中的所有 Microsoft 替换成 Runoob：</p>
<p id="demo">Visit Microsoft!Visit Microsoft!</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; //获取到Visit Microsoft!Visit Microsoft!
	var n=str.replaceAll("Microsoft","Runoob");
	//我们将所有 "Microsoft" 替换为 "Runoob"：
	document.getElementById("demo").innerHTML=n;
	//赋值给<p id="demo">标签
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript search() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Visit Runoob!"; 
	var n=str.search("Runoob");//查找Runoob在str变量中出现的位置。下标。以下标0开始计算.
	document.getElementById("demo").innerHTML=n;
}//赋值给p标签<p id="demo">
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Mr. Blue has a blue house"
	var n=str.search("blue");//这个search函数对大小写是敏感的。
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Mr. Blue has a blue house"
	var n=str.search(/blue/i);//i代表对大小写不敏感
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript String slice() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Helloworld!"; //一个字符串类型的变量
	var n=str.slice(1,5);//截取是从e开始的，到w之前结束。第一个字符位置为 0个,第二个字符位置为 1, 
	//slice(start, end) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!"; 
	var n=str.slice(0);//截取所有的字符串
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!"; 
	var n=str.slice(3);//从字符串的第3个位置提取字符串片段:也就是H:0,e:1,l:2,l:3.从l:3哪里开始截取
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!"; 
	var n=str.slice(3,8);//从字符串的第3个位置到第8个位置直接的字符串片段:H:0,e:1,l:2,l:3.从l:3哪里开始截取。截取到位置7哪个。也就是o哪里

	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!"; 
	var n=str.slice(0,1);//从H哪里截取一个。额就是H
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示截取部分</p>
<p id="demo2"></p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!"; 
	var n=str.slice(-1);
	var n2=str.slice(-2);
	document.getElementById("demo").innerHTML=n;
	document.getElementById("demo2").innerHTML=n2;
	//end 参数如果为负数，-1 指字符串的最后一个字符的位置，-2 指倒数第二个字符，以此类推。
}
</script>

</body>
</html>

![在这里插入图片描述](https://img-blog.csdnimg.cn/eb6a07ffe8144fd69
196546879416f30.png)

JavaScript split() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示分割后的数组.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="How are you doing today?";//一个字符串变量
	var n=str.split(" ");//把一个字符串分割成字符串数组，以空格为分割线
	document.getElementById("demo").innerHTML=n;
	console.log(n);
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="How are you doing today?";
	var n=str.split();//把变量里面的数据看成数组的下标0
	document.getElementById("demo").innerHTML=n;
	console.log(n);
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="How are you doing today?";
	var n=str.split("");//分割每个字符，包括空格:
	document.getElementById("demo").innerHTML=n;
	console.log(n);
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="How are you doing today?";
	var n=str.split(" ",3);//输出下标0How，下标1are，下标2you的值
	document.getElementById("demo").innerHTML=n;
	console.log(n);
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="How are you doing today?";
	var n=str.split("o");//以o为分割线。来分割数组.
	document.getElementById("demo").innerHTML=n;
	console.log(n);
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript startsWith() 方法

<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看字符串是否以指定的子字符串开头。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 startsWith() 方法 。</p>

<script>
function myFunction() {
  var str = "Hello world, welcome to the Runoob.";
  var n = str.startsWith("Hello");//查看字符串是否为 "Hello" 开头:
  document.getElementById("demo").innerHTML = n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮查看字符串是否以指定的子字符串开头。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<p><strong>注意:</strong> IE 11 及更早版本不支持 startsWith() 方法 。</p>
	
<script>
function myFunction() {
  var str = "Hello world, welcome to the Runoob.";
  var n = str.startsWith("world", 6);
  //查看从第 6 个索引位置是否以 "world" 开头:
  //从位置0开始的哈。位置0是H
  document.getElementById("demo").innerHTML = n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript substr() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">点击按钮截取字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="Hello world!";
    var n=str.substr(2,3);//从l开始截取三个(llo)
    //从位置0开始的哈，位置0是H
    document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">点击按钮截取字符串</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Hello world!";
	var n=str.substr(2);//从下标2开始，截取下标2开始到后面所有的
	//从位置0开始的哈，位置0是H
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript substring() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str="Hello world!";
document.write(str.substring(3)+"<br>");//位置0是H，从位置0开始的哈。截取这些(lo world!)
document.write(str.substring(3,7));//截取到w哪里7-1=6哪个哈
</script>

</body>
</html>

在这里插入图片描述

JavaScript toLowerCase() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var txt="Runoob";
document.write(txt.toLowerCase() + "<br>");//把"Runoob"字符串换成小写.
document.write(txt.toUpperCase());
把"Runoob"字符串换成大写.
</script>

</body>
</html>

在这里插入图片描述

JavaScript trim() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮移除字符串的头尾空格。</p>

<button onclick="myFunction()">点我</button>

<p><strong>注意:</strong> IE 8 及更早版本不支持 trim() 方法 。</p>
	
<script>
function myFunction() {
  var str = "     Runoob     ";
  document.write(str.trim());//把str变量中两边的空格去掉
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript toLocaleLowerCase() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮将字符串转换为小写。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "Runoob";
  var res = str.toLocaleLowerCase();//根据本地主机的语言环境把字符串转换为小写。
  document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript toLocaleUpperCase() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮将字符串转换为大写。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "Runoob";
  var res = str.toLocaleUpperCase();//根据本地主机的语言环境把字符串转换为大写。
  document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

在这里插入图片描述

JavaScript valueOf() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
var str="Hello world!";
document.write(str.valueOf());//返回某个字符串对象的原始值。也就是说没有变化
</script>

</body>
</html>

在这里插入图片描述

JavaScript toString() 方法

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮返回一个字符串对象的值。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>
function myFunction() {
  var str = "Runoob";
  var res = str.toString();// 	返回一个字符串。
  document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

在这里插入图片描述

贵哥的编程之路(热爱分享)
关注
专栏目录
JavaScript中常见的字符串操作函数及用法
曹操大表哥的博客
06-17 125
最近几次参加前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等。如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的处理是前端招聘过程中最常见的题型之一。这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下，用比较简洁的方式写出答案来。可惜的是，很多开发人员，当然我也是...
JavaScript新特性
Java.慈祥
12-04 1650
回调函数是一种函数，它作为参数传递给另一个函数并在后者执行完成或达到特定条件时被调用执行，这允许我们在需要的时候执行一些操作，而不必等待同步代码块的执行完毕//假设存在：函数x、函数y|x是y的回调函数//就是：将函数x，作为参数传递函数yy(x,...){//执行函数,//在特定的位置执行x() 函数;//如果x函数需要参数,可以定义在...也在y()函数中一起传递过来;//定义X函数: 用于加法运算;//定义y函数: 作为计算器验证判断参数是否是数值;
常用的JavaScript字符串处理函数及用法
weixin_33690367的博客
03-09 117
最近参加了几次前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等，如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的处理是前端招聘过程中最常见的题型之一。 这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下（比如我曾对javascript对象属性做过一个简单的...
牛逼！Java 从入门到精通，超全汇总版
热门推荐
程序员cxuan的个人主页
05-06 7万+
文章目录Java 基础Head First JavaJava 核心技术卷一Java 编程思想设计模式Head First 设计模式图解设计模式设计模式重学 Java 设计模式Java 进阶Java 并发编程实战Java 并发编程艺术Java 并发编程之美图解Java多线程设计模式JVM深入理解 Java 虚拟机Java 虚拟机规范HotSpot 实战自己动手写 Java 虚拟机MySQLMySQL 基础教程SQL 基础教程深入浅出 MySQLMySQL 必知必会SQL 必知必会高性能 MySQLMySQL
JavaScript中常见的字符串操作及函数用法
shaderdx的专栏
01-06 524
对于很多经常用到的字符串处理函数却不能牢牢记住他们的用法，总不得不去求助于XX手册或者XX指南再或者百度谷歌。而这样做的结果就是，这些非常关键的基础知识却夯的不足够结实，在遇到这些题的时候不得不用N层嵌套的for循环去逐个遍历。这是个信号，当你发现你在做这种类型的题的时候，用的for循环过多，那么注意了，很有可能你已经写偏了。别小看了这些东西，没准在找工作和平常开发中起到大作用。好了，不多说了，我
JavaScript笔记
shine_my的博客
03-13 3344
JavaScript笔记
JavaScript中常见的字符串操作函数及用法汇总
weixin_33881753的博客
07-25 66
转载地址：http://www.jb51.net/article/65358.htm这篇文章主要介绍了JavaScript中常见的字符串操作函数及用法,实例汇总了javascript常见的字符串转换、分割、查询、替换等技巧,非常具有实用价值,需要的朋友可以参考下。本文实例总结了JavaScript中常见的字符串操作函数及用法。分享给大家供大家参考。具体分析如下：最近几次参加前端实习生招聘的笔试，发...
一篇搞定，Kettle详细教程
Aidon博客
09-21 5071
本文主要以Kettle概述、Kettle开发环境部署、mac m1 kettle安装、linux kettle安装、kettle集群安装部署、kettle输入、kettle输出、kettle转换、kettle批量加载、kettle流程、kettle脚本、kettle的Java代码案例、kettle查询控件、kettle连接控件、kettle映射控件、kettle统计控件、kettle应用、kettle整合大数据、kettle streaming控件、kettle作业、kettle调度、kettle变量和参数
php数字两位小数_php数字两位小数
weixin_39719077的博客
12-20 209
php关于金额比较引发的问题(转)做电子商务的时候一般会涉及到金额的比较，按正常的思路来看用><=这些个符号就可以了。可是要是到程序上来搞这个的话就出大事了。现在看下这段代码：$f = 0.07;var_dump($f * 100 == 7);//输出false输出结果会出乎大家意料，输出false，为什么会这样...文章zchd2016-06-01960浏览量PHP保留两位小数的几种...
javascript学习笔记
Creabine的博客
12-02 1589
◆javascript的基本介绍 1.js 是用于web开发的脚本语言       脚本语言是什么？       1）脚本语言往往不能独立使用，它和html/jsp/php/asp/asp.net配合使用       2）脚本语言有自己的变量，函数，控制语句（顺序，分支，循环）       3）脚本语言实际上是解释性语言（即在执行的时候直接对源码进行执行）       4）ja
Qt开发经验总结
草上爬的博客
12-02 8396
增加了很多轮子，同时原有模块拆分的也更细致，估计为了方便拓展个管理。把一些过度封装的东西移除了（比如同样的功能有多个函数），保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废弃了，必须用Qt5中对应的新的函数。跟随时代脚步，增加了不少新特性以满足日益增长的客户需求。对某些模块和类型及处理进行了革命性的重写，运行效率提高不少。有参数类型的变化，比如 long * 到 qintptr * 等，更加适应后续的拓展以及同时对32 64位不同系统的兼容。
shell实例手册
yonggeit的博客
05-27 6032
shell实例手册 1文件{ touch file # 创建空白文件 rm -rf 目录名 # 不提示删除非空目录(-r:递归删除 -f强制) dos2unix # windows文本转linux文本 unix2dos # linux文本转windows文本 enca filename ...
Vue3+TS体验并开发+Vite浅析
weixin_44740261的博客
01-12 8760
了解http 日常的使用过程 首先先放置一张图 我们在日常访问网站的过程中。实际上访问的是 所在的IP地址, 域名是什么？，一个代称。方便我们用户对网站进行访问 我们在发送请求的过程中。所遵循的规则(也就是协议)。就是 http协议 为什么要遵守规则(协议)？ 举例，就好比打电话。 你说中文。对方讲英语。你们肯定都互相听不懂对方说的什么啊。所以，我们必须规定一个统一的对话格式。也就被称为 规则或者协议 接下来。我们就引出了 http的概念 什么是http HTTP （ 超文本传输协议(Hypertext
Vue--Table的Column格式化方案
m0_69435612的博客
10-04 211
原日期格式：2024-09-07T08:32:41.000+00:00。格式化成YYYY-MM-DD。让数字显示小数点后几位。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 512
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
抖音矩阵云剪系统源码搭建，矩阵系统贴牌
Z1527050890的博客
10-09 477
为了更高效地管理和运营抖音账号，提高内容产出效率和传播效果，抖音・矩阵云剪系统应运而生。本文将详细介绍抖音・矩阵云剪系统的搭建过程，帮助读者快速构建自己的矩阵云剪系统。抖音・矩阵云剪系统的搭建需要综合考虑技术选型、系统架构设计、功能模块开发、系统测试和部署等方面。通过合理的规划和设计，可以构建出高效、稳定、安全的矩阵云剪系统，帮助用户更好地管理和运营抖音账号，提高内容产出效率和传播效果。抖音・矩阵云剪系统是一种基于云计算技术的视频编辑和分发平台，它可以帮助用户快速制作、编辑和发布大量高质量的抖音视频。
vue-live2d看板娘集成方案设计使用教程
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1340
vue-live2d看板娘集成方案设计使用教程
npm 和 npx 的区别和使用场景
最新发布
Dou_Hua6的博客
10-09 372
自动下载和缓存：如果本地未安装所需包，npx会自动下载并执行，执行完毕后可以选择保留或删除。脚本运行：通过package.json中的scripts字段定义和运行自定义脚本。依赖管理：管理项目的dependencies和devDependencies。简化命令行工具的使用：临时执行命令，避免全局安装带来的版本冲突或污染。npm 全称：Node Package Manager。发布包：将自己的包发布到npm注册表供他人使用。：无需全局安装即可运行npm包中的可执行文件。
JavaScript对象完全指南：Math与String函数详解
"本文档是关于JavaScript对象的详细索引，涵盖了Math对象和String对象的主要函数与属性，旨在提供一个方便的学习和查阅的参考。" 在JavaScript中，对象是核心编程概念之一，它们包含了可变的数据集合以及相关联的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值