JavaScript基础篇

目录

1.初始JavaScript

2.Js数据类型

2.1强制转换类型

1.转换为String类型

2.转换为Number类型

3.转换为 Boolean

4.转义符

2.2运算符

2.3分支结构


1.初始JavaScript

<!-- 1. 文件引入 -->
<!--<script src="./js/index.js"></script>-->
<!-- 2.使用标签  定义script代码区域 -->

2.Js数据类型

JavaScript中的变量是无类型的,即变量可以在不同的时间保存不同类型的值。例如,一个变量可以先保存一个字符串,然后再保存一个数字。

基本:

  1. String(字符串):用于表示文本数据,例如 "Hello World"。

  2. Number(数值):用于表示数字,包括整数和浮点数,例如 10、3.14。

  3. Boolean(布尔值):用于表示逻辑值,只有两个可能的值:true(真)和false(假)。

  4. Undefined(未定义):表示变量声明但未赋值时的默认值。

  5. Null(空值):表示变量目前没有值。

  6. Symbol(符号):ES6新增的一种数据类型,表示独一无二的值

复杂:

  1. Object(对象):用于存储多个键值对的集合。对象可以包含函数、数组、日期等其他数据类型。
  2. Function(函数):函数是一种特殊的对象类型,用于封装可重复使用的代码块。
数据类型数值强制类型转换方法备注注意事项
String
Number整数 、 浮点数
Booleantrue  false
undefinedundefined在使用 var 声明变量 单位赋值(未初始化时) 变量的值就是undefined
nullnull类似于只有一个固定值为"null"的对象

2.1强制转换类型

1.转换为String类型

// a = a.toString(); 第一种方式
// a = String(a); 第二种方式
// a = a+''; 第三种方式

2.转换为Number类型

 //Number() 可以转换任意的类型的数字
//parseInt()(int类型) parseFloat()(Float类型) 只能转换字符串为数值

注意:浮点数---》整数会导致精度丢失。

//true  转换为 1
//false   转换为 0
//null  转换为 0
//undefined >> NAN(非法数字)

3.转换为 Boolean

只能通过 Boolean()函数

 除了 0,NaN 和空串其他都是true

4.转义符

    /*
    转义符
        \n 换行  \\ 斜杠  \t 制表
        \r 回车 \b 空格 \'  \"
     */

 document.write("&emsp;");  空格,document.write("* &emsp;");   *号,document.write("<br/>"); 换行
 

2.2运算符

算术运算符(+ - * / % ++  --)

在大多数编程语言中,++ 运算符有两种形式:前置和后置。

  1. 前置自增运算符(++x):它将 x 的值增加 1,然后返回增加后的值。例如,如果 x 的初始值为 5,那么 ++x 的结果为 6。
  2. 后置自增运算符(x++):它首先返回 x 的当前值,然后将 x 的值增加 1。例如,如果 x 的初始值为 5,那么 x++ 的结果为 5,而 x 的值在运算后变为 6。

关系运算符 >  <  >=  <=

 赋值运算符 =   +=  -+  *=  /=  %=

逻辑运算符 &&  ||  !

 比较运算符 == !=  ===  !===

 条件运算符  boolean ?true:false;

逗号运算符 var num1=1,num2=2,num3=3;

 //代码块 将多条代码语句 视为一条语句使用
    {
        var a = 123;
        a++;
        alert(a);
    }
    //末尾不加;分号

2.3分支结构

条件语句
     * 通过表达式(boolean)
     * 来决定执行还是跳过某些语句

if  else if    else switch case

利用switchcase 写一个小案例(根据月 的数值 输出对应的天数)

var month = 10;switch (month) {case 1:case 3:case 5:case 7:case 8:case 10:case 12:console.log("31天")break;case 4:case 4:case 9:case 11:console.log("30天")break;case 2:console.log("28天")break;default:console.log("输入错误")break;}

循环结构

while  do...while()  for

案例,1.打印菱形

for (let i = 1; i <= 10; i++) {for (let j = 1; j <= 10 - i; j++) {document.write("&emsp;");}for (let j = 1; j <= i; j++) {document.write("* &emsp;");}document.write("<br/>")}for (let i = 9; i >= 1; i--) {for (let j = 1; j <= 10 - i; j++) {document.write("&emsp;");}for (let j = 1; j <= i; j++) {document.write("* &emsp;");}document.write("<br/>")}document.write("<hr/>");

乘法口诀表

for (let i = 1; i <= 9; i++) {for (let j = 1; j <= i; j++) {document.write(j + "*" + i + "=" + (i * j) + "&nbsp;");}document.write("<br/>");}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/232020.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JVM-7-经典垃圾收集器

Serial收集器 这个收集器是一个单线程工作的收集器&#xff0c;但它的“单线程”的意义并不仅仅是说明它只会使用一个处理器或一条收集线程去完成垃圾收集工作&#xff0c;更重要的是强调在它进行垃圾收集时&#xff0c;必须暂停其他所有工作线程&#xff0c;直到它收集结束。…

sql服务无法启动 请键入net helpmsg 3534

然后 如果是管理员权限打开命令行输入操作的话 先清空 MySQL 下的 data 文件夹&#xff0c;然后确保系统环境变量中已经配置了 mysql 的 bin 目录到Path中&#xff0c;然后执行 sc delete mysql 得到 [SC] DeleteService 成功 后&#xff08;也可能不会有返回信息&#xff…

Oracle 中ROW_NUMBER() OVER()函数用法详解

select * from ( select t.data maxdata, datatime,s.xlmc,ROW_NUMBER() OVER (PARTITION BY s.xlmc ORDER BY datatime) AS rn from HISTORY_FH_ONEDAY t, CURRENT_FH_XL s where t.code s.code ) c where c.rn1

VSCode 常用的快捷键和技巧系列(2)

一、如何让VSCode工程树显示图标 第一步&#xff1a;安装 快捷键 CtrlP &#xff0c;输入 ext install vscode-icons &#xff0c;然后点击安装插件 第二步&#xff1a;配置 安装成功后&#xff0c;点击Reload重新加载。 然后配置&#xff0c;当前图标使用VsCode-Icons Go…

喜报|亚数荣获“2023物联网场景应用品牌企业”奖项

12月5日至6日&#xff0c;以“物联中国 数智雄安”为主题的“千企雄安行&#xff1a;2023物联网产业品牌大会”在雄安新区举办。 大会由雄安新区管理委员会、中关村发展集团股份有限公司、物联中国团体组织联席会主办&#xff0c;雄安新区投资促进服务中心、北京物联网智能技术…

【LeetCode刷题】-- 229.多数元素II

229.多数元素II 方法&#xff1a;使用哈希表 class Solution {public List<Integer> majorityElement(int[] nums) {HashMap<Integer,Integer> map new HashMap<>();for(int i 0;i< nums.length;i){map.put(nums[i],map.getOrDefault(nums[i],0) 1);}…

【K8S基础】-k8s的核心概念pod

一、Pod 是什么 1.1 Pod 的定义和概念 在Kubernetes中&#xff0c;Pod是创建或部署的最小/最简单的基本单位。一个Pod代表着集群上正在运行的一个进程&#xff0c;它封装了一个或多个应用容器&#xff0c;并且提供了一些共享资源&#xff0c;如网络和存储&#xff0c;每个Pod…

c语言:判断闰年|练习题

一、题目 输入一个年份&#xff0c;判断该年份是否闰年 二、解题思路 闰年的判断方法 【】普通闰年&#xff1a; 公历年份是4的倍数&#xff0c;且不是100的倍数 【】世纪闰年&#xff1a; 公历年份是整百数的年份&#xff0c;需是400的倍数 三、代码图片【带注释】 四、源代码…

数组去重及去除指定值,每一个对象添加属性值

1、数组去重ES6写法 Set() // 数组去重 let arr [1,2,4,6,3,2,6,7,7,2,9,0,1,5] arr [...new Set(arr)] console.log(arr); 2、数组去除指定值 filter() // 数组去除指定值 let arr [1,2,4,6,3,2,6,7,7,2,9,0,1,5] const num 7 arr arr.filter(item>item!num) cons…

详解YOLOv5网络结构/数据集获取/环境搭建/训练/推理/验证/导出/部署

一、本文介绍 本文给大家带来的教程是利用YOLOv5训练自己的数据集&#xff0c;以及有关YOLOv5的网络结构讲解/数据集获取/环境搭建/训练/推理/验证/导出/部署相关的教程&#xff0c;同时通过示例的方式让大家来了解具体的操作流程&#xff0c;过程中还分享给大家一些好用的资源…

OpenAI 偷偷在训练 GPT-4.5!?

最近看到有人已经套路出 ChatGPT 当前的版本&#xff0c;回答居然是 gpt-4.5-turbo&#xff1a; 实际试验下&#xff0c;用 starflow.tech&#xff0c;切换到小星 4 全能版&#xff08;同等官网最新 GPT-4&#xff09;&#xff0c;复制下面这段话问它&#xff1a; What is the…

olap/clickhouse-编译器优化与向量化

本文主要结合15721和clickhouse源码来聊聊向量化&#xff0c;正好我最近也在用Eigen做算子加速&#xff0c;了解下还是有好处的。 提示编译器 提示编译器而不是复杂化简单的代码 什么时候使用汇编&#xff0c;什么时候使用SIMD&#xff1f;下面有几个基本原则&#xff1a; …

零基础自学C语言|字符函数和字符串函数

在编程的过程中&#xff0c;我们经常要处理字符和字符串&#xff0c;为了方便操作字符和字符串&#xff0c;C语言标准库中提供了一系列库函数&#xff0c;接下来我们就学习一下这些函数。 &#x1f4cc;字符分类函数 C语言中有一系列的函数是专门做字符分类的&#xff0c;也就…

对私域的认知,决定了你的私域能做多久!

现在&#xff0c;大部分企业对私域的认知是扭曲的。 比如&#xff0c;说到做私域&#xff0c;很多企业都是忙着往企业微信拉人&#xff0c;做自己的小程序商城来卖货。大多数企业就这样把私域当成了企业的独有“淘宝天猫”&#xff0c;这样做私域&#xff0c;可能会带来短期GM…

在 Windows 上安装并配置 dig命令 的步骤

介绍&#xff1a;dig 是一个网络工具&#xff0c;通常在 Unix 和类 Unix 系统上使用&#xff0c;用于查询 DNS&#xff08;域名系统&#xff09;信息。它可以用来获取域名相关的信息&#xff0c;比如 IP 地址、域名服务器的记录等。你可以使用 dig 命令来进行域名解析、查找特定…

DALL-E 系列:AI绘画背后的惊人真相!!【1个离奇内幕、3个意想不到、5大秘密揭示】

DALL-E 系列&#xff1a;AI绘图原理&#xff0c;根据用户给出的描述&#xff0c;生成与描述相匹配的图像 DALL-E 1dVAETransformer DALL-E 2CLIP先验 priordecoder&#xff08;image&#xff09; DALL-E 3 论文地址&#xff1a;https://arxiv.org/pdf/2102.12092.pdf DALL-E 的…

Android 原始方法实现Tablayout样式

源码&#xff1a; 【免费】Android原始方法实现Tablayout样式资源-CSDN文库 推荐&#xff1a; GitHub - hackware1993/MagicIndicator: A powerful, customizable and extensible ViewPager indicator framework. As the best alternative of ViewPagerIndicator, TabLayout …

PowerShell实战(一)PowerShell使用ImportExcel模块轻松操作Excel

目录 一、介绍 二、安装模块 三、操作示例 1、导出excel 2、读取Excel数据 3、导出包含图表的Excel 4、导出包含汇总列和图表的Excel 一、介绍 ImportExcel模块可以理解为基于PowerShell环境操作Excel的强大类库&#xff0c;使用它可以在 Windows、Linux 和 Mac 上都可以使用。…

119. 杨辉三角 II

描述 : 给定一个非负索引 rowIndex&#xff0c;返回「杨辉三角」的第 rowIndex 行。 在「杨辉三角」中&#xff0c;每个数是它左上方和右上方的数的和 题目 : LeetCode 119. 杨辉三角 II : 119. 杨辉三角 II 分析 : 这道题用二维数组来做 . 解析 : class Solution {pub…