【Javascript保姆级教程】Javascript数据类型和算术运算符

简介: 【Javascript保姆级教程】Javascript数据类型和算术运算符

前言


JavaScript是一种广泛应用于网页开发和应用程序编程的脚本语言。了解JavaScript的数据类型和算术运算符对于学习和理解JavaScript的基本概念至关重要。本篇文章将带您深入了解JavaScript的数据类型和如何使用算术运算符进行基本数学计算。


一、JavaScript数据类型


JavaScript中有多种常见的数据类型,每一种类型都有不同的用途和特点。以下是一些常见的JavaScript数据类型:

需要注意的是:我们的javascript并不需要写数据类型,他自己给我们补齐。


1.1 数字(Number)

用于表示数值,可以是整数或浮点数。

示例代码:

let age = 25;
let price = 9.99;


616f8398ffde4cf2acf6329326e8fadc.png

1.2 字符串(String)

用于表示文本,由一系列字符组成,用引号(单引号或双引号)括起来。

示例代码:

let name = "John";
let message = 'Hello, World!';


e1185ac452fa41029069723cc1716a07.png


1.3 布尔(Boolean)

用于表示逻辑值,只能是true或false。

示例代码:

let isLogged = true;
let isVisible = false;


495d4fe2330941fdbfd20939697822f7.png


1.4 数组(Array)

用于表示一组有序的值,可以包含任意类型的元素,并使用方括号[]进行声明和访问。

示例代码:

let numbers = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];


b23edeacae1b473cb4380560f4d342b5.png

1.5 类(Object)

上面的4个数据类型我们前面已经基本接触过了,类(Object)请敬请期待后面内容!!!


二、算术运算符


算术运算符用于处理数值,并进行基本的数学运算。下面是一些常见的算术运算符:


2.1 加法(+)

用于将两个数字相加,或者将两个字符串拼接在一起。

示例代码:

let sum = 5 + 3; // 结果为8
let fullName = "John" + " " + "Doe"; // 结果为"John Doe"


33770a215e2942d8aaf6f99645187da4.png

2.2 减法(-)

用于将两个数字相减。

示例代码:

let difference = 10 - 5; // 结果为5


e29f59000155408a99c9313ada43459b.png

2.3 乘法(*)

用于将两个数字相乘。

示例代码:

let product = 3 * 4; // 结果为12


a0a6dadb0e94462bbac3bce07814bbe0.png

2.4 除法(/)

用于将两个数字相除。

示例代码:

let quotient = 10 / 2; // 结果为5


cb53cf465c6c4ad992328627fa548188.png

2.5 取模(%)

用于计算除法的余数。

示例代码:

let remainder = 10 % 3; // 结果为1


080454d86cf94816a0a9bdab02c141a9.png


总结


本篇文章介绍了JavaScript中的常见数据类型和算术运算符。了解数据类型是编程的基础,它们使我们能够存储和操作不同类型的数据。算术运算符让我们可以进行基本的数学计算和操作。通过充分理解和熟练运用数据类型和算术运算符,您将能够编写出更强大和灵活的JavaScript代码。

在继续学习JavaScript的过程中,您还会了解到其他更高级的概念和技术,如条件语句、循环结构、函数等。不断练习和实践是熟练掌握JavaScript编程的关键,通过编写实际的代码来加深对这些概念的理解。

希望本篇文章对您对JavaScript的数据类型和算术运算符有所启发,并能帮助您入门JavaScript编程。祝您在学习JavaScript的过程中取得进步和成功!

相关文章
|
4天前
|
JavaScript 前端开发
js变量的作用域、作用域链、数据类型和转换应用案例
【4月更文挑战第27天】JavaScript 中变量有全局和局部作用域,全局变量在所有地方可访问,局部变量只限其定义的代码块。作用域链允许变量在当前块未定义时向上搜索父级作用域。语言支持多种数据类型,如字符串、数字、布尔值,可通过 `typeof` 检查类型。转换数据类型用 `parseInt` 或 `parseFloat`,将字符串转为数值。
18 1
|
4天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
4天前
|
存储 JavaScript 前端开发
JavaScript数据类型详解
【4月更文挑战第4天】JavaScript有七种基本数据类型(Number, String, Boolean, Null, Undefined, Symbol, BigInt)和一种复杂数据类型(Object)。Number用于数字,String是不可变的文本,Boolean表示逻辑值,Null为空,Undefined表示未赋值,Symbol是唯一标识,BigInt处理大整数。Object用于复杂数据结构,如数组和函数。此外,`typeof`操作符检测数据类型,但有特殊行为,如`typeof null === "object"`。
21 2
|
4天前
|
JavaScript
typeof 和 instanceofJS数据类型(js的问题)
typeof 和 instanceofJS数据类型(js的问题)
|
4天前
|
JavaScript
数据类型转换(js的问题)
数据类型转换(js的问题)
10 0
|
4天前
|
JavaScript 前端开发 网络安全
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
【网络安全 | 信息收集】JS文件信息收集工具LinkFinder安装使用教程
16 4
|
4天前
|
Web App开发 JavaScript 前端开发
《手把手教你》系列技巧篇(三十九)-java+ selenium自动化测试-JavaScript的调用执行-上篇(详解教程)
【5月更文挑战第3天】本文介绍了如何在Web自动化测试中使用JavaScript执行器(JavascriptExecutor)来完成Selenium API无法处理的任务。首先,需要将WebDriver转换为JavascriptExecutor对象,然后通过executeScript方法执行JavaScript代码。示例用法包括设置JS代码字符串并调用executeScript。文章提供了两个实战场景:一是当时间插件限制输入时,用JS去除元素的readonly属性;二是处理需滚动才能显示的元素,利用JS滚动页面。还给出了一个滚动到底部的代码示例,并提供了详细步骤和解释。
32 10
|
4天前
|
存储 JavaScript 前端开发
【JavaScript技术专栏】JavaScript基础入门:变量、数据类型与运算符
【4月更文挑战第30天】本文介绍了JavaScript的基础知识,包括变量(var、let、const)、数据类型(Number、String、Boolean、Undefined、Null及Object、Array)和运算符(算术、赋值、比较、逻辑)。通过实例展示了如何声明变量、操作数据类型以及使用运算符执行数学和逻辑运算。了解这些基础知识对初学者至关重要,是进阶学习JavaScript的关键。
|
2天前
|
存储 前端开发 JavaScript
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
JavaScript数据类型归纳,架构师花费近一年时间整理出来的前端核心知识
|
4天前
|
存储 JavaScript 前端开发
Javascript教程
Javascript教程
9 0