JavaScript 基础数据类型与字符串操作入门

作者:拾光时间:2026-10-24 18:10:34浏览:563

本文介绍 JavaScript 的基础数据类型,包括整型、浮点型及字符串类型。通过示例演示如何使用 substring 和 slice 方法截取字符串,并解析 === 与 == 在数值与类型判断上的区别,帮助初学者快速掌握 JS 基本语法。

JavaScript 基础数据类型

JavaScript 中的数据类型主要分为整型和浮点型,其中浮点型统一采用双精度表示,无需区分单精度与双精度。变量声明统一使用 var 关键字,无需像其他语言那样记忆 int、long、float 或 double 等类型标识。JavaScript 是动态类型语言,变量根据赋值的值自动确定类型,也不区分字符与字符串的概念。


字符串操作方法与示例

JavaScript 的 String 类型提供了丰富的字符串操作方法,例如 substring() 可用于截取字符串。以下代码展示了如何在 JavaScript 中处理字符串。


代码如下:

 
<title>范例2-10</title>
<script language="javascript">
<!-- 
// 诗的内容
var comment = "静夜思李白床前明月光,疑是地上霜。举头望明月,低头思故乡。";
var partial = comment.substring( 0, 3 ); // 取出标题
partial = partial.bold(); // 标题加粗
document.write( "<p align=\"center\">" ); // 输出HTML标签“<p>”,并设置居中对齐
document.write( partial ); // 输出标题
partial = comment.slice( 3, 5 ); // 取出作者
document.write( "<br/>" ); // 输出换行标签<br/>
document.write( partial ); // 输出作者
partial = comment.slice( 5, 17 ); // 取出第一句诗文
partial = partial.fontcolor("gray"); // 设置颜色为gray(灰色)
document.write( "<br/>" ); // 输出换行标签
document.write( partial ); // 输出诗句
partial = comment.slice( 17, 29 ); // 取出第二句诗文
partial = partial.fontcolor("gray"); // 设置颜色为gray(灰色)
document.write( "<br/>" ); // 输出换行标签
document.write( partial ); // 输出诗句
document.write( "</p>" ); // 输出HTML标签“<p>”的结束标签
--> 
</script>

复合数据类型与比较运算符

JavaScript 中的复合数据类型


JavaScript 同样支持数组和函数等复合数据类型,其定义方式与 C#、C++ 等语言相似。


以下是一个数组操作的示例。


在代码中可能会注意到 JavaScript 存在一个特殊的运算符“===”,用于判断数据是否完全相等。该运算符要求不仅数值相等,数据类型也必须一致,这一点可能让初学者感到困惑。


代码如下:

 
<script>
<!-- 
var x =10;
var y =null;
if(x==null)
{ 
document.write("x的值为空<br/>"); //输出提示
} 
if(null==y)
{ 
document.write("y的值为空<br/>") //输出提示
} 
--> 
</script>

数值转换与类型判断

JavaScript 中的数值转换


JavaScript 支持显式和隐式的数值类型转换,其机制与 C++ 等语言基本相似。由于篇幅限制,此处省略具体转换细节。


与大多数 Web 编程语言一样,JavaScript 中“==”与“===”存在区别:“==”仅判断值是否相等,而“===”则同时判断值和数据类型是否完全一致。这部分内容较为复杂,建议后续单独整理笔记深入学习。


本文先介绍到这里,后续将继续补充相关内容。


GOOD GOOD STUDY ,DAY DAY UP!

作者最新文章