Javascript新手入门之字符串拼接与变量的应用

Javascript中字符串拼接与变量的应用是初学者入门时需要掌握的重要内容，本文将详细讲解其攻略。首先，我们需要理解什么是字符串和变量。

字符串和变量

字符串

字符串是指在双引号或单引号中包含的一组字符。例如：

var str = "hello javascript";
console.log(str);

上面这段代码声明了一个字符串类型的变量str，值为"hello javascript"，并输出str的值。

变量

变量是存储数据的容器，可以存储不同类型的数据，例如字符串、数字、布尔值等。例如：

var num = 10;
console.log(num);

上面这段代码声明了一个数字类型的变量num，值为10，并输出num的值。

字符串拼接

字符串拼接是指将多个字符串连接起来成为一个新的字符串，可以使用加号(+)或concat()方法实现。

加号拼接

加号拼接是在字符串中使用加号连接起来，例如：

var str1 = "hello";
var str2 = "javascript";
var result = str1 + " " + str2;
console.log(result);

上面这段代码声明了两个字符串类型的变量str1和str2，通过加号(+)连接起来形成新的字符串result，输出result的值为"hello javascript"。

值得注意的是，加号拼接时需要注意空格，可以使用空格包裹在字符串中间，如上面代码中的" "。

concat()方法

concat()方法可以将一个或多个字符串拼接起来形成新的字符串，例如：

var str1 = "hello";
var str2 = "javascript";
var result = str1.concat(" ",str2);
console.log(result);

上面这段代码声明了两个字符串类型的变量str1和str2，通过concat()方法连接起来形成新的字符串result，输出result的值为"hello javascript"。

变量的应用

变量可以用来存储数据，方便引用和更改。

变量的声明和赋值

变量的声明是指使用var关键字声明变量的名称和数据类型，赋值是指将一个值赋给变量。例如：

var num; //声明一个变量num
num = 10; //将10赋给变量num

或者可以一步走到位：

var num = 10; //声明一个变量num并将10赋给它

变量的引用和更改

变量的引用是指使用变量的名称来获取变量存储的值，更改则是指修改已赋给变量的值。例如：

var num = 10;
console.log(num); //输出num的值10
num = 20;
console.log(num); //输出num的值20

在上面的代码中，首先声明了一个变量num并将其赋值为10，然后使用console.log()方法输出了num的值，接着将num的值更改为20，再次输出num的值，可以看到num的值已经变成了20。

示例说明

实例1

下面这段代码中，声明了三个变量name、age和gender，其中name和gender是字符串类型，age是数字类型。通过字符串拼接将这三个变量的值拼接成一句话输出。

var name = "Tom";
var age = 18;
var gender = "male";
var result = name + " is " + age + " years old and he is a " + gender + ".";
console.log(result);
//输出：Tom is 18 years old and he is a male.

实例2

下面这段代码中，声明了两个变量firstName和lastName，分别存储名字的姓和名。通过加号拼接和concat()方法将这两个变量的值拼接成一个完整的姓名输出。

var firstName = "Tom";
var lastName = "Smith";
var result1 = firstName + " " + lastName;
console.log(result1); //输出：Tom Smith

var result2 = firstName.concat(" ", lastName);
console.log(result2); //输出：Tom Smith

可以看到，使用加号拼接和concat()方法都可以将两个变量值拼接成一个完整的姓名。