JavaScript运算符与循环

1.JavaScript 算术运算符

算术运算符用于执行两个变量或值的运算。

赋值 y = 5, 以下表格将向你说明算术运算符的使用：

运算符	描述	例子	y 值	x 值	在线实例
+	加法	x = y + 2	y = 5	x = 7	实例 »
-	减法	x = y - 2	y = 5	x = 3	实例 »
*	乘法	x = y * 2	y = 5	x = 10	实例 »
/	除法	x = y / 2	y = 5	x = 2.5	实例 »
%	余数	x = y % 2	y = 5	x = 1	实例 »
++	自增	x = ++y	y = 6	x = 6	实例 »
		x = y++	y = 6	x = 5	实例 »
--	自减	x = --y	y = 4	x = 4	实例 »
		x = y--	y = 4	x = 5	实例 »

关于算术运算符，你可以阅读我们的 JavaScript 运算符教程。

---

JavaScript 赋值运算符

赋值运算符用于给 JavaScript 变量赋值。

给定 x=10 和 y=5，下面的表格解释了赋值运算符：

运算符	例子	实例	x 值	在线实例
=	x = y	x = y	x = 5	实例 »
+=	x += y	x = x + y	x = 15	实例 »
-=	x -= y	x = x - y	x = 5	实例 »
*=	x *= y	x = x * y	x = 50	实例 »
/=	x /= y	x = x / y	x = 2	实例 »
%=	x %= y	x = x % y	x = 0	实例 »

关于赋值运算符，你可以阅读我们的 JavaScript 运算符教程。

---

JavaScript 字符串运算符

+ 运算符， += 运算符可用于连接字符串。

给定 text1 = "Good ", text2 = "Morning", 及 text3 = "", 下面的表格解释了字符串运算符的使用：

运算符	例子	text1	text2	text3	在线实例
+	text3 = text1 + text2	"Good "	"Morning"	"Good Morning"	实例 »
+=	text1 += text2	"Good Morning"	"Morning"	""	实例 »

---

比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

给定 x=5, 下表展示了比较运算符的使用：

运算符	描述	比较	结果	在线实例
==	等于	x == 8	false	实例 »
		x == 5	true	实例 »
===	值及类型均相等（恒等于）	x === "5"	false	实例 »
		x === 5	true	实例 »
!=	不等于	x != 8	true	实例 »
!==	值与类型均不等（不恒等于）	x !== "5"	true	实例 »
		x !== 5	false	实例 »
>	大于	x > 8	false	实例 »
<	小于	x < 8	true	实例 »
>=	大于或等于	x >= 8	false	实例 »
<=	小于或等于	x <= 8	true	实例 »

关于比较运算符，你可以阅读我们的 JavaScript 比较运算符教程。

---

条件运算符

条件运算符用于基于条件的赋值运算。

给定 x=6 and y=3, 下表演示了条件运算符的运算：

语法	例子	在线实例
变量 = (条件) ? 值1:值2	voteable = (age < 18) ? "太年轻而不能":"年龄够";	实例 »

---

逻辑运算符

逻辑运算符用来确定变量或值之间的逻辑关系。

给定 x=6 and y=3, 以下实例演示了逻辑运算符的使用：

运算符	描述	例子
&&	和	(x < 10 && y > 1) 为 true
||	或	(x == 5 || y == 5) 为 false
!	非	!(x == y) 为 true

---

JavaScript 位运算符

位运算符工作于32位的数字上。任何数字操作都将转换为32位。结果会转换为 JavaScript 数字。

运算符	描述	例子	类似于	结果	十进制
&	AND	x = 5 & 1	0101 & 0001	0001	1
|	OR	x = 5 | 1	0101 | 0001	0101	5
~	取反	x = ~ 5	~0101	1010	-6
^	异或	x = 5 ^ 1	0101 ^ 0001	0100	4
<<	左移	x = 5 << 1	0101 << 1	1010	10
>>	右移	x = 5 >> 1	0101 >> 1	0010	2

2. JavaScript循环

如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

我们可以这样输出数组的值：

一般写法：

document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "<br>");

使用for循环

for (var i=0;i<cars.length;i++)
{ 
    document.write(cars[i] + "<br>");
}

不同类型的循环

JavaScript 支持不同类型的循环：

• for - 循环代码块一定的次数
• for/in - 循环遍历对象的属性
• while - 当指定的条件为 true 时循环指定的代码块
• do/while - 同样当指定的条件为 true 时循环指定的代码块

---

For 循环

for 循环是您在希望创建循环时常会用到的工具。

下面是 for 循环的语法：

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

语句 1 （代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

实例

for (var i=0; i<5; i++)
{
      x=x + "该数字为 " + i + "<br>";
}

从上面的例子中，您可以看到：

Statement 1 在循环开始之前设置变量 (var i=0)。

Statement 2 定义循环运行的条件（i 必须小于 5）。

Statement 3 在每次代码块已被执行后增加一个值 (i++)。

语句 1

通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。

语句 1 是可选的，也就是说不使用语句 1 也可以。

您可以在语句 1 中初始化任意（或者多个）值：

实例:

for (var i=0,len=cars.length; i<len; i++)
{ 
    document.write(cars[i] + "<br>");
}

同时您还可以省略语句 1（比如在循环开始前已经设置了值时）：

var i=2,len=cars.length;
for (; i<len; i++)
{ 
    document.write(cars[i] + "<br>");
}

语句 2

通常语句 2 用于评估初始变量的条件。

语句 2 同样是可选的。

如果语句 2 返回 true，则循环再次开始，如果返回 false，则循环将结束。

	如果您省略了语句 2，那么必须在循环内提供 break。否则循环就无法停下来。这样有可能令浏览器崩溃。请在本教程稍后的章节阅读有关 break 的内容。

语句 3

通常语句 3 会增加初始变量的值。

语句 3 也是可选的。

语句 3 有多种用法。增量可以是负数 (i--)，或者更大 (i=i+15)。

语句 3 也可以省略（比如当循环内部有相应的代码时）：

实例:

var i=0,len=cars.length;
for (; i<len; )
{ 
    document.write(cars[i] + "<br>");
    i++;
}

For/In 循环

JavaScript for/in 语句循环遍历对象的属性：

实例

var person={fname:"Bill",lname:"Gates",age:56}; 
 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

javascript嵌套循环

循环的嵌套就是，循环里面还可以在里嵌套循环；
语法：

for (语句 1; 语句 2; 语句 3)
{
    for (语句 1; 语句 2; 语句 3)
    {
    被执行的代码块
    }
}