JS基础语法

一、变量

        1、定义: 值变化的量叫变量; 本质上是内存中存储单元, 理解为一个容器。

        2、语法:

                var 变量名称  

                var name   //使用var关键字定义一个名为name的变量

                var score  //使用var关键字定义一个名为score的变量

        3、赋值: score = 100  // 将100赋值给score变量,

                        var score = 100  //定义一个名为score的变量,将100赋值给score变量

        4、访问变量(打印变量):console.log(变量名)

        5、变量名命名

              规则:

               1. 必须是字母(a-z A-Z)、数字(0-9)、下划线(_) $美元 组成

               2. 不能数字开头

               3. 不能是关键字(特定意义的单词) 比如: var

               4. 不能是保留字(将来有特殊用处的单词)

               规范:

                  1. 语义化

                  2. 驼峰命名 var userName   变量第二个单词首字母大写

                  3. 不使用中文

二、数据类型:

        1、分类:

                基本数据类型: 

  •  数值类型: number { 所有的数字& 非数字值not a number(NaN)}
  • 字符串:string 引号引起来 var userName = 'jack' // 创建一个名为userName的字符串类型的变量,值是'jack' 
  •  布尔类型:  boolean  值为 true 成立(真)   false 不成立(假)   var isDelete = false/true
  •   空类型 : object    值为null         var isNull = null
  •   未定义类型: undefind         var age

                 复杂数据类型:

         2、判断数据类型

                    程序判断数据类型           

                       1、 typeof 变量      typof(变量)

                        输出变量类型的两种写法:

    

 

                                 console.log(typeof 变量名)==> 直接空格加变量名

                                 console.log(typeof(变量名))==> typeof括号里写变量名

                        2、isNaN(x)函数用于检查其参数x是否是非数字值,是非数字值返回true,否则返回false

注:检查的值是数值形字符串会自动转为数字 再判断

                         提示:isNaN() 函数通常用于检测 parseFloat() 和 parseInt() 的结果,以判断它们表示的是否是合法的数字。
当然也可以用 isNaN() 函数来检测算数错误,比如用 0 作除数的情况。
                 

         3、数据类型转换

                        1.其他转数值

 

  •                      Number() 

                                var message = '100'

                                Number(message) -> 100

                                 Number('100') -> 100

                                 Number('jack') -> NaN

                                 Number('') -> 0

  •                      parseInt()

                               paraseInt('100') -> 100

                                特点:

                                   1. 从左向右转换

                                   2. 遇到数值字符串转为数值,遇到非数值结束转换,如果第一个为非数值,结束输出NaN

                                   3. 取整

                               paraseInt('10a0') -> 10

                               parseInt(100.9) -> 100

  •                         parseFloat()   

                                特点同上parseInt (1,2) 只是不取整

                                 parseFloat('10.98') -> 10.98

                        3、其他转字符串

 

                                        用string  值只用加引号完成

        console.log('======== 其它类型->string ====================');
        // number -> string
        console.log( String(100) , typeof String(100))  // '100'
        console.log( String(undefined) , typeof String(undefined))   // 'undefined'
        console.log( String(true) , typeof String(true))  // 'true'
        console.log( String(null) , typeof String(null))  // 'null'

        var b
        // console.log( 'toString : ', b.toString()  , typeof b.toString() ) //Cannot read properties of null

      

4、其他转布尔

        1. Boolean(变量)        在js中,只有”0、null、undefined. NaN, 这些是false,其余都是true


        console.log('===========其它类型->boolean ==============');
        console.log('0 ', Boolean(0) );
        console.log('空字符串 ', Boolean('') );
        console.log('undefined ', Boolean(undefined) );
        console.log('null ', Boolean(null) );

        console.log('hello ', Boolean('hello') );
        console.log(100, Boolean(100) );

三,运算符

        

1. 算术运算

              +  -  *   /   %取余

                var c = 10 + 20

                var a = 10 * 20

                var b = 20 / 10

                var d = 25 % 10

                隐式类型转换

                 除了加法外都转数字

            2. 赋值运算符

                        var score = 100  //定义一个名为score的变量,将100赋值给score变量

            3. 比较运算符

                               >  >=   <   <=   ==  ===  !=  !==

                               8 > 3  

                                 比较运算结果 boolean值

                                  ==  和  === 区别

                                100 == '100'   => true

                                100 === '100'  => false

                       两个等号只比较值是否相同

                       三个等号比较值和数据类型

            4. 逻辑运算符

                            逻辑与 &&

                            同为真则为真

                            true && true -> true

                            true && false -> false

                            能被400整除并且能被100整除 是闰年

                              var year = 2022

                              (year%400 == 0) && (year%100==0) -> true

                                 true          &&    true      

                逻辑或 ||

                            false || false -> false

                            同为假则为假  

                            true || false -> true

                   

                             能被400整除  或者 能被4整除 是闰年

                              true || false -> true

                逻辑非  !

                            非真则假

                            非假则真

                            !true -> false

                            !false -> true

                注意: 短运算

                             false && true -> false

                              逻辑与运算时,如果左边为false, 右边不参与运算

                             8>10 && 2<3


 

            5. 自增运算

                                var a = 10

                                  a++    // a=>11

                                自身值加一

                                 var b = 10

                                  b--     // 9

                                自身值减一

               

               加加或减减可以放到变量前面或后面,如果是单独运算没有区别,都是自身加一或减一

               a++  ,  ++a

               参与其它运算有区别:

               var a = 10  

               var m = ++a    先加一,再赋值

                              a= a + 1, m = a

               

               var a = 10

               var m = a++   先赋值,再加一

                              m = 10 , a = a + 1

 

じò ぴé yAn
关注 关注
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
初始Java
weixin_45674837的博客
09-23 229
初始Java 1.1Java的概述 1.1.1什么是程序 程序:为了让计算机执行某些操作或解决某个问题而编写的一系列有序指令的集合。 1.1.2为什么学习Java语言 一种程序语言,一种汇编语言,一种高级语言。 Java技术可以应用在几乎所有类型和规模的设备上,小到计算机芯片、蜂窝电话、大到超级计算机,无所不在。 Java领域的Java SE、 JavaEE技术,有人说掌握了Java语言就号准了软...
JavaScript数组
m0_61748249的博客
12-06 484
​ 目录 (一)数组介绍 1.概念 2.数组数据类型Array 3.创建数组 4.数组的length 5.数组的索引 6.示例 (二)数组的遍历 1.概念 2.示例 3.交换数组元素 (三)数组常用方法 (四)数组常用函数方法 (五)伪数组 (六)数组去重 (七)练习
Python基础学习-2
daTou
09-06 293
变量的定义使用 score = 100#定义了一个变量,这个变量的名字叫做score,它里面存储了一个数值 100 high = 180#单位是cm applePrice = 3.5 #苹果的价格 元/斤 weight = 7.5 #购买的苹果的重量 斤 money = applePrice * weight#如果money=xxxx是第一次的话,那么就表示定义了一个变量 money =...
每日一结--0915 定义变量变量赋值原理&运算符
weixin_42194865的博客
09-15 542
Python基本语法 1. 变量 1.1 同时定义多个变量 同时定义多个变量并赋相同的值 语法:变量名1 = 变量名2 = 变量名3 = ... = 数据 例 1.1.1: x = y = z = 0 同时定义多个变量赋不同的值 变量名1, 变量名2, 变量名3, ... = 数据1, 数据2, 数据3, ... 例 1.1.2: name, age, gender = '小明', 25, '男' 注:变量的个数和数据的个数要保持一致 1.2 变量重新赋值 将新的数据重新赋值给已经赋值过的变
Python 2--变量
csdn15150525313的博客
10-29 339
定义变量 score = 100 #定义了一个变量 score ,存储了一个数值100 applePrice = 3.5 #苹果的单价 元/斤 weight = 5.5 #购买苹果的重量 /斤 money = applePrice * weight #money 第一次出现,表示定义一个变量 money = money - 10 #money 不是第一次出现,表示
js基础学习
m0_63989259的博客
08-15 137
js基础学习
JavaScript-循环语句
莫莫
06-09 152
循环 循环时用来做,重复,有规律,的语句 while 循环 循环的要素 循环语句运行条件 循环的条件变更 循环的初始值 循环的语句 while(判断条件) { 语句1(循环体); 条件变更; } // 第一轮 先判断条件是否成立,成立执行语句1,执行条件变更语句; // 第二轮 再去判断条件是否成立,成立再次执行语句1,执行条件变更语句; // 。。。。。 // 第n轮 判断条件是否成立,不成立,就不再执行语句;循环结束 // 再页面中输出100句,我爱你 (重复的事情) var times =
JS实现成绩等级判断
kilig
06-15 4994
评判标准: 优秀:90分及以上 良好:60分—89分 一般:60分以下 逻辑思想:我们知道成绩十位上的数字即可。 var score = prompt("请输入成绩我们将为您打分"); //注:这里一定要加一个取整 score_level = parseInt(score / 10); switch( score_level ){ case 10 : case 9 :
console.log() 输出异常情况
qq_20535249的博客
09-15 1277
console.log打印出来的内容并不是一定百分百可信的内容。一般对于基本类型number、string、boolean、null、undefined 的输出是可信的。但对于Object 等引用类型来说,则就会出现上述异常打印输出。 所以对于一般基本类型的调试,调试时使用console.log来输出内容时,不会存在坑。但调试对象时,最好还是使用打断点(debugger)这样的方式来调试更好。 ...
javascript学习笔记,三、数据类型-布尔型(Boolean)、未定义型(Undefined)、Null型(空值)
qq_51143149的博客
12-01 365
HTML文件,建议用Visual Studio Code或者HBuilder X打开查看 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,intial-scale=1.0"> <meta http-equiv="X-UA-Compatible
基本数据类型之boolean、null、undefined相关
jinYu_zhiXuan的博客
12-02 448
基本数据类型之boolean、null、undefined相关 boolean Boolean(val) 其他数据类型转布尔类型有且只有NaN、null、undefined、0、’’ 这五种是false,其他的都是true <script> console.log(Boolean(true)) console.log(Boolean(false)) conso...
浅谈 Underscore.js 中 _.throttle 和 _.debounce 的差异
weixin_34414196的博客
11-03 109
2019独角兽企业重金招聘Python工程师标准>>> ...
JS中一些高效运算符
weixin_47259205的博客
07-29 299
JS中一些高效运算符链运算符( ? )获取深层次的属性执行一个可选的方法获取数组中的值无法进行赋值操作或运算( || )和与运算( && )的赋值操作双问号运算符( ?? )空赋值运算符(??=)双星号运算符 ( ** ) JavaScript 每年都会发一个新版本,里面也会新增一些操作更加便利、高效的运算符。下面是盘点下几个高效的魔法运算符。 链运算符( ? ) 当使用某个结构比较深的属性,同时又无法确定所有的父级一定存在时,我们需要进行一连串的判断,例如一个数据结构: const s
在Vue程序中,如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 419
通过以上步骤,你可以在Vue应用程序中检测用户的登录状态,并在用户尝试访问受保护页面时跳转到登录页面。同时,在用户登录和登出后,你可以根据需要跳转到相应的页面。
我们的前端开发逆天了!1 小时搞定了新网站,还跟我说 “不要钱”
最新发布
努力做最接地气的编程干货分享,感谢关注
07-29 606
本文将带你了解一个新的 Web 框架 **Astro**,并手把手带你使用 Astro 搭建一个属于自己的站点,用过的都说真香!
vue el-select的下拉树形结构 带检索功能
Jokerxiuka的博客
07-26 199
【代码】vue el-select的下拉树形结构。
已解决:vue-office/excel 多个sheet点击切换,滚动条高度不重置,表格视图位置不正确
weixin_42289080的博客
07-26 243
解决 @vue-office/excel 多个sheet切换,内容以及滚动条展示不正确的问题
javascript 基础语法
08-29
JavaScript基础语法包括数据类型、运算符、选择结构和循环结构。在JavaScript中,所有的类型都是用var关键字来修饰,但实际中还是有类型区分的。常见的数据类型包括字符串、数字、布尔值、对象和数组等。 运算符用于...
写文章

热门文章

  • DOM document文档对象&绑定事件 916
  • 事件 事件类型 - 事件如何触发,点击,双击, 移动 .... 如: click 点击事件 503
  • 日期时间对象date 定时器 格林威治时间 426
  • 数组:数组是一系列有序数据的集合 330
  • js基础总结 292

最新评论

  • JS基础语法

    CSDN-Ada助手: 推荐 Java 技能树:https://edu.csdn.net/skill/java?utm_source=AI_act_java

大家在看

  • docker常用命令小结 247
  • C++ 封装的用法 712
  • 【花雕学编程】使用 Arduino CNC 构建 GRBL 371
  • 网络安全从业人员2023年后真的会被AI取代吗?
  • CentOS下通过yum搭建完整lnmp环境(安装单版本PHP) 806

最新文章

  • Vue基础知识点总结
  • 同源策略 自执行函数 模块化 函数的柯理化
  • 阶段总结node模块化 Ajax。promise
2023年1篇
2022年18篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司网站优化上班怎么样淄博周村张店百度网站优化网站设置很多关键词影响优化外贸网站的优化费用罗湖电影网站优化公司哪个好包头网站优化推广广州网站优化电池阜新手机优化网站武汉官网网站优化公司详细解读涉企优化网站栏目广州安天网站优化公司对网站进行SEO的优化网站优化在哪里办公dede网站优化刷手机网站优化佛山门窗网站优化软件网站运维优化广州网站优化优势福建靠谱的网站关键词优化影响网站优化的原因鹤壁seo网站优化费用网站优化价格按什么收费余干网站优化渠道网站排名优化丿金苹果专业忄漳州网站优化哪家强重做网站链接变了优化茂名优化网站方法阜阳网站首页优化找哪家茶叶网站优化设计武汉优化网站排名公司咨询歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化