日期数据类型、变量、运算符、条件语句、Javascript 中的循环

日期数据类型、变量、运算符、条件语句、javascript 中的循环

JavaScript 数据类型详解:

JavaScript 数据类型决定了变量可存储的值的类型,并约束了可对该值执行的操作。 JavaScript 包含原始数据类型(简单值)和引用数据类型(复杂对象)。

1. 原始数据类型: 存储单个值,不可变。

Number: 表示整数和浮点数 (例如:let x = 42;)String: 表示字符序列 (例如:let name = "Alice";)Boolean: 表示真值或假值 (例如:let isActive = true;)Null: 表示故意不存在任何对象值 (例如:let person = null;)Undefined: 表示已声明但未赋值的变量 (例如:let value;)Symbol: 唯一的标识符 (例如:const uniqueID = Symbol();)BigInt: 用于表示大整数 (例如:let bigNum = 123n;)

2. 引用数据类型: 存储值的集合或更结构化的数据,可变。

立即学习“Java免费学习笔记(深入)”;

Object: 键值对的集合 (例如:let person = { name: "John" };)Array: 值的有序集合 (例如:let arr = [1, 2, 3];)Function: 执行特定任务的代码块 (例如:function greet() {})

JavaScript 变量:

变量是命名容器,用于存储可在代码中引用和操作的数据。 它们可以存储各种值,包括数字、字符串、对象和函数。

1. 变量声明: 使用 varletconst 关键字。

var (较旧方式): 函数作用域let (现代方式): 块作用域 (ES6 引入)。const (常量): 块作用域,值不可重新赋值 (ES6 引入)。

变量重新声明:

var 允许在同一作用域内重新声明。letconst 不允许在同一作用域内重新声明,会报错。

JavaScript 运算符:

运算符执行操作数的运算。

1. 算术运算符: 执行数学运算 (+, -, *, /, %, **, ++, –)

2. 赋值运算符: 为变量赋值 (=, +=, -=, *=, /=, %=, **=)

3. 比较运算符: 比较两个值并返回布尔值 (==, ===, !=, !==, >, >=,

4. 逻辑运算符: 执行逻辑运算 (&&, ||, !)

JavaScript 条件语句:

根据条件真假执行不同操作。

1. if 语句: 执行特定代码块 (如果条件为真)。

2. else 语句:if 条件为假时执行代码块。

3. else if 语句: 测试多个条件。

4. 嵌套 if 语句: 创建更复杂的条件逻辑。

5. switch 语句: 更有效地处理多个条件,特别是当有多个可能结果时。

JavaScript 循环:

重复执行代码块。

1. for 循环: 当知道迭代次数时使用。

2. while 循环: 只要条件为真就继续循环。

以上就是日期数据类型、变量、运算符、条件语句、Javascript 中的循环的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1500932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 22:57:07
下一篇 2025年12月19日 22:57:26

相关推荐

  • 如何直接访问 Sass 地图变量的值?

    直接访问 sass 地图变量的值 在 sass 中,我们可以使用地图变量来存储一组键值对。而有时候,我们可能需要直接访问其中的某个值。 可以通过 map-get 函数直接从地图中获取特定的值。语法如下: map-get($map, $key) 其中: $map 是我们要获取值的 sass 地图变量。…

    2025年12月24日
    000
  • 您不需要 CSS 预处理器

    原生 css 在最近几个月/几年里取得了长足的进步。在这篇文章中,我将回顾人们使用 sass、less 和 stylus 等 css 预处理器的主要原因,并向您展示如何使用原生 css 完成这些相同的事情。 分隔文件 分离文件是人们使用预处理器的主要原因之一。尽管您已经能够将另一个文件导入到 css…

    2025年12月24日
    000
  • React 嵌套组件中,CSS 样式会互相影响吗?

    react 嵌套组件 css 穿透影响 在 react 中,嵌套组件的 css 样式是否会相互影响,取决于采用的 css 解决方案。 传统 css 如果使用传统的 css,在嵌套组件中定义的样式可能会穿透影响到父组件。例如,在给出的代码中: 立即学习“前端免费学习笔记(深入)”; component…

    2025年12月24日
    000
  • React 嵌套组件中父组件 CSS 修饰会影响子组件样式吗?

    对嵌套组件的 CSS 修饰是否影响子组件样式 提问: 在 React 中,如果对嵌套组件 ComponentA 配置 CSS 修饰,是否会影响到其子组件 ComponentB 的样式?ComponentA 是由 HTML 元素(如 div)组成的。 回答: 立即学习“前端免费学习笔记(深入)”; 在…

    2025年12月24日
    000
  • 当父元素仅设置行高时,块级和行内块级元素的行为有何区别?

    当父元素仅设置行高时,块级或行内块级子元素的行为 在 html 中,当父元素仅设置行高 line-height 时,块级或行内块级元素的行为会有所不同。 <line-height: 60px; background-color: antiquewhite; 哈哈哈 行内块级元素(display…

    2025年12月24日
    200
  • Bear 博客上的浅色/深色模式分步指南

    我最近使用偏好颜色方案媒体功能与 light-dark() 颜色函数相结合,在我的 bear 博客上实现了亮/暗模式切换。 我是这样做的。 第 1 步:设置 css css 在过去几年中获得了一些很酷的新功能,包括 light-dark() 颜色函数。此功能可让您为任何元素指定两种颜色 &#8211…

    2025年12月24日
    100
  • 如何使用 CSS 渐变实现仅显示左右两端的多彩边框?

    使用 css 渐变实现多彩边框 在需要给元素添加边框时,我们可以通过 css 的 border-image 属性实现渐变边框效果。例如,以下代码可以设置一个左右两端显示渐变色的边框: border-image: linear-gradient(rgba(255, 255, 255, 0.00) 0%…

    2025年12月24日
    000
  • CSS 样式隔离难题:不同项目如何兼容不同版本组件库?

    CSS 样式隔离难题:不同项目如何兼容不同版本组件库? 在软件开发中,不同的项目经常会使用不同的组件库或框架版本。当这些项目需要集成在一起时,不同样式之间的冲突就成了一个难题。在这个案例中,项目 A 和 B 都使用 ant-design-vue 组件库,但版本不一致。由于部分 A 项目中的组件 CS…

    2025年12月24日
    000
  • 在 Sass 中使用 Mixin

    如果您正在深入研究前端开发世界,那么您很可能遇到过sass(语法很棒的样式表)。 sass 是一个强大的 css 预处理器,它通过提供变量、嵌套、函数和 mixins 等功能来增强您的 css 工作流程。在这些功能中,mixins 作为游戏规则改变者脱颖而出,允许您有效地重用代码并保持样式表的一致性…

    2025年12月24日
    200
  • 在 React 项目中实现 CSS 模块

    react 中的 css 模块是一种通过自动生成唯一的类名来确定 css 范围的方法。这可以防止大型应用程序中的类名冲突并允许模块化样式。以下是在 react 项目中使用 css 模块的方法: 1. 设置 默认情况下,react 支持 css 模块。你只需要用扩展名 .module.css 命名你的…

    2025年12月24日
    000
  • 我如何编写 CSS 选择器

    CSS 方法有很多,但我都讨厌它们。有些多(顺风等),有些少(BEM、OOCSS 等)。但归根结底,它们都有缺陷。 当然,人们使用这些方法有充分的理由,并且解决的许多问题我也遇到过。因此,在这篇文章中,我想写下我自己的关于如何保持 CSS 井井有条的指南。 这并不是一个任何人都可以开始使用的完整描述…

    2025年12月24日
    000
  • action在css中的用法

    CSS 中 action 关键字用于定义鼠标悬停或激活元素时的行为,语法:element:action { style-property: value; }。它可以应用于 :hover 和 :active 伪类,用于创建交互效果,如更改元素外观、显示隐藏元素或启动动画。 action 在 CSS 中…

    2025年12月24日
    000
  • css规则的类型有哪些

    CSS 规则包括:通用规则:选择所有元素类型选择器:根据元素类型选择元素类选择器:根据元素的 class 属性选择元素ID 选择器:根据元素的 id 属性选择元素(唯一)后代选择器:选择特定父元素内的元素子选择器:选择作为特定父元素的直接子元素的元素伪类:基于元素的状态或特性选择元素伪元素:创建元素…

    2025年12月24日
    000
  • 利用CSS3编写类似iOS中的复选框及带开关的按钮的代码

    这篇文章主要介绍了使用css3编写类似ios中的复选框及带开关的按钮,需要的朋友可以参考下 checkbox多选 最近写了一个适合移动端的checkbox,如图: ps:中间的勾勾是iconfont,iOS风格的。 具体的HTML: 立即学习“前端免费学习笔记(深入)”; 默认未选中 默认选中 橘黄…

    2025年12月24日
    000
  • html5怎么引用js_HTML5用外链或内嵌JS代码引用脚本【引用】

    HTML5中执行JavaScript需通过外链或内嵌方式引入:一、外链用,支持defer/async;二、内嵌将代码写入间,推荐置于body底部;三、type属性默认可省略;四、模块化使用type=”module”支持ES6 import/export。 <img sr…

    好文分享 2025年12月23日
    000
  • html5怎么设置月份_HTML5用input type=”month”让用户选择年月月份【设置】

    HTML5的input type=”month”提供原生年月选择器,格式为“YYYY-MM”,支持value默认值、min/max范围限制、name表单提交,并需JavaScript降级兼容旧浏览器。 如果您希望在网页中提供一个简洁的年月选择控件,HTML5 的 input …

    2025年12月23日
    200
  • html5框架怎么设置_HTML5用iframe或div框架集嵌入子页面设框架【设置】

    HTML5中嵌入子页面的现代方案有四种:一、用iframe标签直接嵌入,支持安全与可访问性属性;二、用CSS Grid/Flexbox布局配合JavaScript动态加载HTML片段;三、用Shadow DOM封装自定义元素实现样式脚本隔离;四、用object标签嵌入HTML并提供fallback内…

    2025年12月23日
    200
  • 带文字描边的HTML5按钮样式写法【方法】

    可通过text-shadow、-webkit-text-stroke、SVG文本或CSS自定义属性实现HTML5按钮文字描边:text-shadow兼容性好但需多向阴影;-webkit-text-stroke简洁可控但仅限WebKit浏览器;SVG提供高精度描边;CSS变量支持动态主题切换。 如果您…

    2025年12月23日
    000
  • html5怎样设计瀑布流布局_html5瀑布流实现与图片懒加载【教程】

    HTML5可通过CSS Grid、Masonry.js、多列布局、IntersectionObserver懒加载及容器查询五种方式实现瀑布流布局。CSS Grid无需JS、响应式强;Masonry.js定位精准适合动态内容;多列布局代码简洁;IntersectionObserver实现高性能懒加载;…

    2025年12月23日
    000
  • 京东html5如何布局_解析京东H5页面布局结构与技巧【布局】

    京东H5页面采用模块化、响应式与语义化结合的设计逻辑:一、用Flexbox实现弹性布局;二、依BEM规范组织HTML结构;三、以viewport与rem实现响应式适配;四、用CSS Grid管理复杂网格;五、借data属性驱动动态样式。 如果您正在分析京东HTML5页面的布局结构,会发现其采用模块化…

    2025年12月23日
    200

发表回复

登录后才能评论
关注微信