es6怎么将字符串转为大写

青灯夜游
发布: 2023-02-15 11:56:48
原创
2564人浏览过
转换方法:1、使用toUpperCase()函数将字符串转换为大写,语法“string.toUpperCase()”;2、使用toLocaleUpperCase()函数将字符串转换为大写,语法“string.toLocaleUpperCase()”;3、利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。

es6怎么将字符串转为大写

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

方法1、使用toUpperCase()函数将字符串转换为大写

toUpperCase() 方法的作用:把指定字符串中的小写字母全部转换为大写字母,最后返回一个新的字符串。

语法

stringObject.toUpperCase()
登录后复制
  • 会返回一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

实例

<div class="demo ">
    <p>转换前:<br />
        <span id="str1"></span>
    </p><br />
    <p>转换后:<br />
    <span id="str2"></span>
    </p>
</div>
 
<script type="text/javascript">
var str1 ="php中文网的网址为:www.php.cn!";
var str2 =str1.toUpperCase();
 
document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML =str2;
</script>
登录后复制

1.png

方法2、使用toLocaleUpperCase()函数将字符串转换为大写

toLocaleUpperCase()的作用:会根据用户当前计算机的语言环境来把指定字符串中的小写字母全部转换为大写字母,最后会返回一个新的字符串。

语法

stringObject.toLocaleUpperCase()
登录后复制
  • 会返回一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

说明

Perl学习手札 chm版
Perl学习手札 chm版

Perl学习手札是台湾perl高手写的一篇文章,特打包为chm版,方便大家阅读。 关于本书 1. 关于Perl 1.1 Perl的历史 1.2 Perl的概念 1.3 特色 1.4 使用Perl的环境 1.5 开始使用 Perl 1.6 你的第一个Perl程序 2. 标量变量(Scalar) 2.1 关于标量 2.1.1 数值 2.1.2 字符串 2.1.3 数字与字符串转换 2.2 使用你自己的变量 2.3 赋值 2.3.1 直接设定 2.3.2 还可以这样 2.4 运算 2.5 变量的输出/输入 2.

Perl学习手札 chm版 0
查看详情 Perl学习手札 chm版

与 toUpperCase() 不同的是,toLocaleUpperCase() 方法按照本地方式把字符串转换为大写。只有几种语言(如土耳其语)具有地方特有的大小写映射,所有该方法的返回值通常与 toUpperCase() 一样。但大多数情况下,toLocaleUpperCase()方法返回的结果和toUpperCase() 方法的一样。

实例:使用toLocaleUpperCase()方法,转换字符串“JavaScript字符串的大写字母转换!”

<div class="demo ">
    <p>转换前:<br />
        <span id="str1"></span>
    </p><br />
    <p>转换后:<br />
            <span id="str2"></span>
    </p>
</div>
 
<script type="text/javascript">
var str1 ="JavaScript字符串的大写字母转换!";
var str2 =str1.toLocaleUpperCase();
 
document.getElementById("str1").innerHTML =str1;
document.getElementById("str2").innerHTML =str2;
</script>
登录后复制

2.png

总结:可以看出,无论是toUpperCase() 方法,还是toLocaleUpperCase()方法,都只会对指定字符串的小写字母进行更改,转换为大写字母,对其他非字母(或者大写字母)不进行任何更改。

扩展知识:首字母大写

javascript中没有首字母大写函数。但我们可以利用slice()、toUpperCase()、toLowerCase()函数和字符串拼接符“+”来设置首字母大写。

  • 使用slice()方法将字符串分成两部分:首字母字符部分,和其他子字符部分。

  • 使用toUpperCase()方法将首字母转换为大写;使用toLowerCase()将其他子字符转换为小写。

  • 使用“+”运算符,将两个部分重新拼接起来

function f(str) {
newStr = str.slice(0,1).toUpperCase() +str.slice(1).toLowerCase();
   console.log(newStr);
}
f("hello World!");
登录后复制

3.png

【推荐学习:javascript视频教程

以上就是es6怎么将字符串转为大写的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号