JavaScript 字符串方法2

软件技术NINI

于 2024-07-30 14:23:15 发布

阅读量100

点赞数 3

分类专栏： js 文章标签： javascript xhtml html

本文链接：https://blog.csdn.net/2301_78133614/article/details/140795859

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

替换字符串内容

replace() 方法用另一个值替换在字符串中指定的值：

str = "Nice to meet you ";
var n = str.replace("you", "you  too");
document.getElementById("demo").innerHTML=n;

replace() 方法不会改变调用它的字符串。它返回的是新字符串。默认地，replace() 只替换首个匹配

str = "Nice to meet you to you ";
var n = str.replace("you", "you  too");
document.getElementById("demo").innerHTML=n;

默认地，replace() 对大小写敏感。因此不对匹配 MICROSOFT

function myFunction() {
  var str = document.getElementById("demo2").innerHTML; 
  var txt2 = str.replace("MICROSOFT","W3School");
  document.getElementById("demo2").innerHTML = txt2;
}

如需执行大小写不敏感的替换，请使用正则表达式 /i（大小写不敏感）

<button onclick="myFunction()">试一试</button>
<p id="demo2">Nice to meet You  </p>

<script>
function myFunction() {
  var str = document.getElementById("demo2").innerHTML; 
  var txt2 = str.replace(/You/i,"you ");
  document.getElementById("demo2").innerHTML = txt2;
}
</script>

正则表达式不带引号,如需替换所有匹配，请使用正则表达式的 g 标志（用于全局搜索）：

function myFunction() {
  var str = document.getElementById("demo3").innerHTML; 
  var txt = str.replace(/USA/g,"CHIAN");
  document.getElementById("demo3").innerHTML = txt;
}

点击前

点击后

转换为大写和小写

通过 toUpperCase() 把字符串转换为大写：

toLowerCase() 把字符串转换为小写

<!DOCTYPE html>
<html>
<body>
<button onclick="myFunction()">试一试</button>

<p id="demo">Hello World!</p>
<button onclick="myFunction1()">试一试</button>

<p id="demo1">Hello World!</p>
<script>
    //把字符串转换为大写
function myFunction() {
  var text = document.getElementById("demo").innerHTML;
  document.getElementById("demo").innerHTML = text.toUpperCase();
}

//把字符串转换为小写：
function myFunction1() {
  var text1 = document.getElementById("demo1").innerHTML;
  document.getElementById("demo1").innerHTML = text1.toLowerCase();
}
</script>

</body>
</html>

concat() 方法

concat() 连接两个或多个字符串：

//concat() 方法连接两个或多个字符串
var text1="Hello";
var text2="world";
var text3=text1.concat(" ",text2);
document.getElementById("demo2").innerHTML=text3;

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

正式地说：字符串是不可变的：字符串不能更改，只能替换。

String.trim()

trim() 方法删除字符串两端的空白符：

//点击这个按钮来输出已删除空白字符的字符串。
function myFunction() {
  var str = "     Hello World!     ";
  alert(str.trim());
}

可搭配正则表达式使用 replace() 方法代替

//搭配正则表达式使用 replace() 方法代替
var str = "     Hello World!     ";
alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''));

还可以使用上面的 replace 方案把 trim 函数添加到 JavaScript String.prototype：

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
var str = "       Hello World!        ";
alert(str.trim());

软件技术NINI

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 字符串方法2

方法不会改变调用它的字符串。它返回的是新字符串。正则表达式不带引号,如需替换所有匹配，请使用正则表达式的。所有字符串方法都会返回新字符串。它们不会修改原始字符串。正式地说：字符串是不可变的：字符串不能更改，只能替换。因此不对匹配 MICROSOFT。如需执行大小写不敏感的替换，请使用正则表达式。可搭配正则表达式使用。
复制链接

扫一扫

专栏目录