【JS】我的JavaScript学习之路(5)

2019-06-27 21:25:03 阅读：232 来源： 互联网

标签：greetingString 输出 JavaScript myName JS 学习 var concatString 字符串

9.字符串连接

对于字符串的操作是我们日常处理数据中需要接触比较多的部分。我们经常可以看到在网页上一些数据是格式化的比如"NNN,您好，这里是WWWW网!"这种欢迎词。我们登陆后输入了自己的名字(NNN),系统在后台调用了后台数据(网站名:WWWW),之后给我们输出出来。我们输入的只是用户名、后台存储的只是网站名，那么我们怎么把它们拼成一句完整的话呢？这就需要用到字符串的连接运算("+"运算符)。看下面的示例：

示例代码(ch2_example5.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>ch2_example5</title>
</head>
<body>
    <script type="text/javascript" language="JavaScript">
        var greetingString = "Hello";
        var myName = prompt("Please enter your name","");
        var concatString;
        
        document.write(greetingString + " " + myName +"<br/>");
        
        concatString = greetingString + " " + myName;
        
        document.write(concatString);
    </script>
</body>
</html>

var greetingString = "Hello"; 我们定义了一个变量，并将字符串"Hello"赋值给它。这是我们输出的第一部分。

var myName = prompt("Please enter your name",""); 这里我们弹出一个写有"Please enter your name"提示的输入框，默认值为空，这里需要用户来自行填写名字。这个字符串是我们输出的第二部分。

document.write(greetingString + " " +myName + "<br/>"); 我们开始输出信息，首先是第一部分greetingString，之后是一个空格，然后是用户的名字，最后是一个换行，之间我们用"+"来连接。它的输出是这样的：

如果字符串较长，直接在document.write()函数中拼出来就会有些麻烦，我们可以先组合成一个长字符串，然后再输出。。

var concatString; 声明一个变量。

concatString = greetingString + " " + myName; 之后将我们的字符串拼起来以后赋值给concatString。

现在concatString的内容就是字符串"Hello MYNAME"。最后我们通过document.write()函数把字符串输出在页面上。

它的输出是同样是，这就是字符串的连接。

10.字符串与数值混合操作

在上一次的例子中我们写了一个温度单位转换器。由于我们的输出只是一个数字，不便于阅读，用户也不知道我们这个数字是干啥的。所以我们要处理一下输出结果来让我们的转换结果更容易被用户理解。这需要字符串和数值变量进行混合操作。

示例代码（ch2_example6.html)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>ch2_example6</title>
    </head>
    <body>
        <script type="text/javascript" language="JavaScript">
            var degFahren = prompt("Enter the degrees in Fahrenheit",50);
            var degCent;
            degCent = 5 / 9 *(degFahren - 32);
            
            alert(degFahren + "\xB0 Fahrenheit is " + degCent + "\xB0 Centigrade"); 
        </script>
    </body>
</html>

首先还是之前的代码，我们只在最后一步进行调整

alert(degFahren + "\xB0 Fahrenheit is " + degCent + "\xB0 Centigrade"); 警告框里弹出的是多个字符串的组合。现在的输出是这个样子的：

增加了文字之后，输出的结果就比较易懂了。这种数值和字符串的组合是比较常见的数据处理方式，以后也会经常遇到。

转载于:https://www.cnblogs.com/zerolin/archive/2012/08/21/2648892.html

标签：greetingString,输出,JavaScript,myName,JS,学习,var,concatString,字符串
来源： https://blog.csdn.net/weixin_34351321/article/details/93912152

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

【JS】我的JavaScript学习之路(5)