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

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，之后是一个空格，然后是用户的名字，最后是一个换行，之间我们用"+"来连接。它的输出是这样的：QQ截图20120821112540

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

var concatString; 声明一个变量。

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

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

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

 

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

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

示例代码（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"); 警告框里弹出的是多个字符串的组合。现在的输出是这个样子的：

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

posted @ 2012-08-21 12:55  Ternence Lin  阅读(267)  评论(0)  编辑  收藏  举报