JavaScript入门：数据类型转换与循环结构详解

课程前言与背景

前文曾收到反馈，表示第二课内容理解存在困难。作者不确定是表述过于笼统、细节不足，还是其他原因导致。在此邀请读者提出具体问题，以便后续改进。

作者并非JavaScript专家，初衷仅是引导爱好者入门。希望读者能积极参与讨论与交流。

本课重点讲解for循环，同时涉及数据类型概念。由于尚未深入讲解数组和对象，此处先简要介绍for...in语句的基本用法。

JavaScript数据类型转换

关于数据类型的转换机制。

当运算涉及不同类型的数据时，JavaScript引擎会尝试进行内部类型转换以执行计算。但由于引擎无法完全预测用户的意图，最终结果可能与预期不符。

例如：

3+3 // result=6

3+"3" // result="33"

将字符串转换为数值类型。

JavaScript提供了两个内置函数，用于将表示数值的字符串转换为实际的数值类型：parseInt()和parseFloat()。

使用这些函数时，需将待转换的字符串作为参数传入。示例如下：

parseInt("42") //result=42

parseInt("42.33") //result=42

无论输入是浮点数还是整数，上述函数返回的值均为整数。注意，这里不存在四舍五入操作，小数点及其后的数字将被直接舍弃。

而parseFloat()函数则返回浮点数（若输入为整数则返回整数）。示例如下：

parseFloat("42") //result=42

parseFloat("42.33") //result=42.33

若需在计算过程中进行字符串转换，只需在相应位置插入上述函数即可。例如：

3+3+parseInt("3") //result=9

将数值转换为字符串类型。

虽然当表达式中包含混合数据类型时，JavaScript通常会倾向于将其视为字符串处理，但为避免潜在问题，建议先进行显式转换。在数值前添加空字符串即可实现转换。

具体转换示例如下：

(""+2500) //result="2500"

(""+2500).length //result=4

循环结构：for与for...in

关于for循环。

JavaScript中最常用的循环结构是for循环，其关键词位于循环结构的起始位置。正式语法结构如下：

for ([initial expression];[condition];[update expression]){

statement[s] inside loop

示例：

for(var i=0;i<9;i++)

n+=i

myfunc(n)

关于for...in语句。

该语句的执行次数完全取决于变量var所设定的值。你可以使用for...in语句在对象或数组上建立循环。

for(var in [obj | array])

statements

示例：

<script language="javascript">

document.writeln("The properties of the document object")

for(var element in document){

document.writein(element+"="+document[element])

</script>

课后练习

课后作业。

请使用for循环生成若干数据，并将其显示在页面上，以此熟悉for循环的使用。

（注：for循环是控制流程中最重要的部分之一）