JavaScript数据类型、变量及数组使用指南
立即解锁
发布时间: 2025-08-20 01:26:56 阅读量: 1 订阅数: 5 
JavaScript入门与实践指南
### JavaScript 数据类型、变量及数组使用指南
#### 1. 数据类型与字符串拼接
在 JavaScript 里，`alert()` 函数常常会包含表达式。比如，涉及变量 `degFahren`（包含数值数据），将它与字符串 “\xBO Fahrenheit is “ 进行拼接。JavaScript 察觉到是在拼接数字和字符串，就会自动把 `degFahren` 里的数字转换为字符串。接着再把这个字符串与包含数值数据的变量 `degCent` 拼接，同样，JavaScript 会把 `degCent` 的值转换为字符串，最后再拼接字符串 “\xBO centigrade”。
这里用到了转义序列 `\xNN` 来插入特殊字符，像 `\xB0` 就会被转换为对应的字符（`B0` 代表拉丁 - 1 字符表中的某个字符）。不过要留意，特殊字符并非在所有平台都兼容，在 Windows 电脑上能用 `\xNN` 表示某个字符，在 Mac 或 Unix 系统里可能就得换个字符。
#### 2. 数据类型转换
当把字符串和数字相加时，JavaScript 会把数字转换为字符串然后拼接。但有些时候，得手动转换数据类型。比如用表单收集用户输入时，用户输入的数值会被当作字符串处理。
要是收集了两个字符串形式的数字，像 “22” 和 “15”，直接用 “22” + “15” 得到的是 “2215”，因为 JavaScript 会把它们当作字符串拼接。而且拼接顺序不同结果也不一样，例如：
- `1 + 2 + 'abc'` 结果是 “3abc”
- `'abc' + 1 + 2` 结果是 “abc12”
为了把字符串转换为数字，有两个函数：`parseInt()` 和 `parseFloat()`。
- **`parseInt()`**：该函数会遍历字符串的每个字符，把有效的数字字符组合成整数。要是遇到无效字符，就停止转换并返回已转换的数字。例如 `parseInt("123")` 返回 123，`parseInt("123abc")` 也返回 123。
- **`parseFloat()`**：和 `parseInt()` 类似，不过它返回浮点数，并且会把字符串里的小数点当作有效数字的一部分。
下面是一个使用 `parseInt()` 和 `parseFloat()` 的示例代码：
```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">
<body>
<script type="text/javascript">
var myString = "56.02 degrees centigrade";
var myInt;
var myFloat;
document.write("\"" + myString + "\" is " + parseInt(myString) +
" as an integer" + "<BR>");
myInt = parseInt(myString);
document.write("\"" + myString + "\" when converted to an integer equals " +
myInt + "<BR>");
myFloat = parseFloat(myString);
document.write("\"" + myString +
"\" when converted to a floating point number equals " + myFloat);
</script>
</body>
</html>
```
把上述代码保存为 `ch2_examp7.htm` 并在浏览器中打开，会看到如下输出：
```
"56.02 degrees centigrade" is 56 as an integer
"56.02 degrees centigrade" when converted to an integer equals 56
"56.02 degrees centigrade" when converted to a floating point number equals 56.02
```
#### 3. 处理无法转换的字符串
有些字符串没法转换为数字，像不包含任何数字的字符串。若用 `parseInt()` 或 `parseFloat()` 处理这类字符串，会返回 `NaN`（Not a Number）。
JavaScript 里有个 `isNaN()` 函数，能检查某个值是否为 `NaN`。例如：
- `myVar1 = isNaN("Hello");` 会把 `true` 存入 `myVar1`，因为 “Hello” 不是数字。
- `myVar2 = isNaN("34");` 会把 `false` 存入 `myVar2`，因为 “34” 能成功转换为数字。
#### 4. 数组
数组和普通变量类似，能存储各种类型的数据，但普通变量一次只能存一个数据，而数组可以同时存多个数据。数组里每个存储数据的位置叫元素，通过索引值来区分不同元素，索引从 0 开始。
创建数组的方法如下：
- **使用 `new Array()`**：
```javascript
var myArray = new Array();
```
要注意代码大小写敏感，写成 `array()` 是不行的。
- **指定数组元素个数**：
```javascript
var myArray = new Array(6);
```
- **初始化数组元素**：
```javascript
var myArray = new Array("Paul",345,"John",112,"Bob",99);
```
不过不能用这种方式声明只含一个数值数据的数组，因为 JavaScript 会把这个数值当作数组元素的个数。也可以逐个给数组元素赋值：
```javascript
var myArray = new Array();
myArray[0] = "Paul";
myArray[1] = 345;
myArray[2] = "John";
myArray[3] = 112;
myArray[4] = "Bob";
myArray[5] = 99;
```
下面是一个创建数组存储名字并显示的示例代码：
```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD
```
400次
会员资源下载次数
300万+
优质博客文章
1000万+
优质下载资源
1000万+
优质文库回答
0
0
复制全文
相关推荐
最低0.47元/天 解锁专栏
赠100次下载
百万级
高质量VIP文章无限畅学
千万级
优质资源任意下载
千万级
优质文库回答免费看
立即解锁
专栏目录
最新推荐
构建可扩展医疗设备集成方案：飞利浦监护仪接口扩展性深入解析
# 摘要
本文探讨了医疗设备集成的重要性和面临的挑战，重点分析了飞利浦监护仪接口技术的基础以及可扩展集成方案的理论框架。通过研究监护仪接口的技术规格、数据管理和标准化兼容性，本文阐述了实
【调试与性能优化】：LMS滤波器在Verilog中的实现技巧
# 摘要
本文详细探讨了最小均方(LMS)滤波器的理论基础、硬件实现、调试技巧以及性能优化策略，并通过实际案例分析展示了其在信号处理中的应用。LMS滤波器作为一种自适应滤波器，在数字信号处理领域具有重要地位。通过理论章节，我们阐述了LMS算法的工作原理和数学模型，以及数字信号处理的基础知识。接着，文章介绍了LMS滤波器的Verilog实现，包括Verilog语言基础、模块
【BT-audio音频抓取工具比较】：主流工具功能对比与选择指南
# 摘要
本文旨在全面介绍BT-audio音频抓取工具，从理论基础、功能对比、实践应用到安全性与隐私保护等多个维度进行了深入探讨。通过分析音频信号的原理与格式、抓取工具的工作机制以及相关法律和伦理问题，本文详细阐述了不同音频抓取工具的技术特点和抓取效率。实践应用章节进一步讲解了音频抓取在不同场景中的应用方法和技巧，并提供了故障排除的指导。在讨论工具安全性与隐私保护时，强调了用户数据安全的重要性和提高工具安全性的策略。最后，本文对音频抓取工具的未来发展和市场需求进行了展望，并提出了选择合适工具的建议。整体而言，本文为音频抓取工具的用户提供了一个全面的参考资料和指导手册。
# 关键字
音频抓取；
【wxWidgets多媒体处理】：实现跨平台音频与视频播放
# 摘要
本文详细探讨了基于wxWidgets的跨平台多媒体开发，涵盖了多媒体处理的基础理论知识、在wxWidgets中的实践应用，以及相关应用的优化与调试方法。首先介绍多媒体数据类型与
MATLAB程序设计模式优化：提升pv_matlab项目可维护性的最佳实践
# 摘要
本文全面探讨了MATLAB程序设计模式的基础知识和最佳实践，包括代码的组织结构、面向对象编程、设计模式应用、性能优化、版本控制与协作以及测试与质量保证。通过对MATLAB代码结构化的深入分析，介绍了函数与脚本的差异和代码模块化的重要性。接着，本文详细讲解了面向对象编程中的类定义、继承、封装以及代码重用策略。在设计模式部分，本文探讨了创建型、结构型和行为型模式在MATLAB编程中的实现与应用
【C#跨平台开发与Focas1_2 SDK】：打造跨平台CNC应用的终极指南
# 摘要
本文全面介绍了C#跨平台开发的原理与实践，从基础知识到高级应用，详细阐述了C#语言核心概念、.NET Core与Mono平台的对比、跨平台工具和库的选择。通过详细解读Focas1_2 SDK的功能与集成方法，本文提供了构建跨平台CNC应用的深入指南，涵盖CNC通信协议的设计、跨平台用户界面的开发以及部署与性能优化策略。实践案例分析部分则通过迁移现有应用和开发新应用的实战经验，向读者展示了具体的技术应用场景。最后，本文对
STM8点阵屏汉字显示：用户界面设计与体验优化的终极指南
# 摘要
STM8点阵屏技术作为一种重要的显示解决方案，广泛应用于嵌入式系统和用户界面设计中。本文首先介绍STM8点阵屏的技术基础，然后深入探讨汉字显示的原理，并着重分析用户界面设计策略，包括布局技巧、字体选择、用户交互逻辑及动态效果实现等。接着，本文详细阐述了STM8点阵屏的编程实践，涵盖开
【机器人灵巧手力控制技术】：精准操作的实现秘诀
# 摘要
本文综述了机器人灵巧手力控制技术，从基础理论到高级应用进行了系统性的探讨。首先介绍了力控制的基本概念和理论基础，包括力与力矩的定义以及其在机器人操作中的重要性。随后，文章深入探讨了力控制系统的数学模型和关键技术，涵盖了力传感器的选择、控制策略及其实施方法。在实践章节中，本文详细阐述了力控制技术在机器人硬件实现、控制算法编程和实际应用案例中的运用，并对实验结果进行了性能评估。此外，文章还探讨了力控制技术在医疗手术机器人、微装配等特定行业的应用，并展望了未来力控制技术的发展趋势，如新型传感器技术和集成化设计。最后，本文总结了灵巧手力控制所面临的挑战，并提出了可能的解决方案。通过本文的研究
【游戏物理引擎基础】：迷宫游戏中的物理效果实现
# 摘要
Matlab作为一种广泛应用于工程计算和科研领域的编程语言，其直观、高效的编程特点使其成为解决复杂工程问题的有效工具。本文首先介绍了Matlab编程的基本概念和基础语法结构，包括变量操作、数据类型、图形绘制以及控制流程。随后，本文深入探讨了Matlab在解决特定工程问题中的应用，如信号处理、电路仿真、优化问题求解、数值计算等。此外，通过实战演练章节，本文展示了Matlab在
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
