2020.03.09--03.20日JS学习分享

一、JS的三大组成部分

  ESMAScript :语法部分

  Bom :浏览器对象模型,一套操作浏览器属性和方法

  Dom :文档对象模型,一套操作浏览器页面元素的属性和方法

二、ESMAScript - JS的数据类型转换 

  1、其他数据类型转数值类型

   Number()---- 把需转换的变量当作一个整体

     语法:Number(需转换的变量)

     返回值:如果可以转成合法数字,那就是数字;如果是非合法数字,返回值则为NaN

     parseInt()

      语法:parseInt(需转换的变量)----把需转换的变量一个一个解析

      返回值:如果第一位不能转成合法数字,则直接返回NaN;如果第一位可以转成合法数字,第二位不能,则截止至第二位,保留第一位

      注:不认识小数点,解析到小数点时也会截止

   parseFloat()

      语法:parseFloat(需转换的变量)

      返回值:与上述parseInt返回值解析方法一样,但不同点是parseFloat认识小数点

   非加法的数学运算

      运算方法有:减法、除法、乘法运算

      返回值:与合法的数字运算即会得到运算结果,与不合法的运算则会得到NaN

  2、其他数据类型转字符串类型

   String()

      语法:String(需转换的变量)

      返回值:转换好的字符串,任何数据类型都可转成字符串类型

     toString()

      语法:需转换的变量.toString()

      返回值:转换好的字符串

      注:不能转undefined和null(如果转了会报错)

  3、其他数据类型转布尔类型

     Boolean()

      语法:Boolean(需转换的变量)

      返回值:要么是true,要么是false 布尔只有这两个值

      注:在js里只有五个转换时为false,其余都为true

      转换为false的五个值:NaN、“ ”空字符串、0、undefined、null

三、ESMAScript - JS案例

    1、判断奇偶数 

    <script>

      var num = 13

      //% 取余运算符

      if(num % 2 === 0){

        console.log("我是偶数")

      }else{

        console.log("我是奇数")

      }

    </script>

   2、成绩分等级  

    “=”赋值运算符,把等号右边的内容赋值给等号左边

    “&&”逻辑运算符(且),当两边都为true时才返回true

    <script>

      var num = 79

      if(num<100 && num >= 90){

        console.log(num + "分为A")

      }else if(num < 90 && num >= 80){

        console.log(num + "分为B")

      }else if(num < 80 && num >= 70){

        console.log(num + "分为C")

      }else if(num < 70 && num >= 60){

        console.log(num + "分为D")

      }else if(num < 60){

        console.log(num + "分为D")

      }

    </script>

     3、99乘法表 (利用for循环嵌套)

    for循环语法:for(初始化;条件判断;自身改变){ 重复执行的代码 }

    <script>

      for(var i=1;i<=9;i++){

        document.write("<br>")

        for(var j=i;j<=9;j++){

          document.write("<span>"+ i + "*" + j + "=" + i * j + "</span>" )

        }

      }

    </script>

   4、找到三次自幂数(水仙花数字)  

    <script>

      for(num = 100;num<=999;num++){

        var a = parseInt(num/100)

        var b = parseInt((num-a*100)/10)

        var c = parseInt(num%10)

        var r = a*a*a + b*b*b + c*c*c

        if( r === num){

          console.log(r)

        }

      }

    </script>

   5、利用函数来判断是否为质数

    声明式函数语法:function  函数名(形参名) { 执行的代码 }

    赋值式函数:var 函数名 = function  ( 形参名 ) { 执行的代码 }

    <script>

      function num(n){

        for(var i=2;i<n;i++){

          var flag = true

          if(n % i === 0){

            flag = false

            break

          }else{

            flag = true

          }

          }

         return flag

        }

        var r2 = num (9)

        console.log(r2)

    </script>

    6、递归求阶乘 (函数自己调用自己)

    function chen(n){

      if(n===1 || n===0){

        return 1

      }

      return n*chen(n-1)

    }

    console.log(chen(4)) 

    7、求一组数中的最大数

    function max(arr){

      var num = arr[0]

      for( var i = 1;i<arr.length;i++){

        if(num<arr[i]){

          num = arr[i]

        }

      }

      return num

    }

    console.log(max([12,34,56,78,65,98]))

原文地址:https://www.cnblogs.com/hyt970328/p/12546020.html

时间: 2024-08-01 23:45:14

2020.03.09--03.20日JS学习分享的相关文章

4月20日上午学习日志

2017年4月20日上午看了张宇数学18讲第三讲一元函数微分学的概念和计算部分的例题,题较难,遇到一些问题,一点点解出来的.

5.29日js学习

基本语法 1.语法:JavaScript和Java类似,每个语句用:结束,语句块使用{...}结束.但是JavaScript不强求使用//:结束,浏览器会自动加上 语句: var  x  =  1; 字符串  " hello world ! " 语句块 if(){......} 2.注释: // /*.....*/            //这种注释效果最好 数据类型和变量 Number JavaScript不区分小数整数和浮点数,统一用number 123://整数123 0.879

2016年4月20日渗透学习总结

操作系统识别 操作系统在安装后会默认开启许多服务,这些服务本身有漏洞 操作系统识别技术 种类繁多 好产品采用多种技术结合 TTL起始值  (每过一个路由就会减一) windows:128 (65----128) linux/unix:64  (1-64) 某些unix:255 可通过ttl值定位被劫持的网关 nmap使用多种系统识别操作系统 nmap 1.1.1.1 -O 系统服务特征 xprobe2 1.1.1.1 结果有误差 被动操作系统识别 部署在网络出口的地方通过抓包,或交换机做镜像端口

2016年4月20日_JAVA学习笔记_多线程

1.感觉书里的东西没什么意思了,继续来看毕老师的视频好了.今天家里就剩我一个人了,可以出去吃饭了. 2.程序中每一个任务称为一个线程,同时可以控制多个任务的程序称为多线程程序.与多进程(进程也就是WIN任务管理器中的)的区别在于,进程之间是独立的,不共享数据,而线程是共享数据的,同时线程更加简单,轻量,最后一个进程中可以有多个线程. 3.在多个线程运行的过程中,线程间的切换是由CPU控制的,这个切换是随机的.JVM的运行时就包含了多个线程.

2019年12月20日 java学习知识记录

一个"java"源文件中是否可以有多个类? 有什么限制? 一个java的源文件中都可以都多个类 ,但是public的类只能有一个  而且public的名字要和文件名一致(大小写也得一致) java 有没有 goto? java中有goto 但是现在java中不使用 &和&&有什么区别? &和&&都是逻辑运算符 运算符两边的表达式,如果运算结果都是true的话,结果返回就为true   如果有一边的运算结果为false,那么结果返回的就为f

2020年1月20日 MRKJ 模块

https://blog.csdn.net/ruanxingzi123/article/details/82787852 import modulename [as alias] ,modulename2,modulename3  #导入modulename,modulename2,modulename3 模块,同时modulename起了一个别名叫alias 如果需要调用,则可以用 >>>>模块名.函数 from modelname import member  #用该语句 就可

20182月20日(有女朋友啦)

我这个人我自己都感觉很奇怪啊,自己的方向自己的未来还是有无力的感觉,这种无力不是对自己能力的无力,而是自己那种坚定的心 难以维持,坚定自己啊,千万不要被洪流推翻!这是一条漫漫的人生路,自己的心中所要一定不能忘却啊,现在网络是如此的发达,那 些妖言惑众的文字毒药等各种信息每一秒都扑面而来.自己要坚持住啊,自己要守住心中所向啊! 在这个社会,人人都可以决定自己的道路,无论是成为海中的鲨鱼还是菜市场的咸鱼,自己以后的道路都在一念之间,把握住吧!机会从不会再来 第二次,人生从来就不能改写,现在的改变,就

Node.js 推荐20多个学习网站及书籍

Web 开发人员对 Node.js 日益增多,更多的公司和开发者开始尝试使用 Node.js 来实现一些对实时性要求高,I/O密集型的业务. 介绍了很不错的书籍和案例,可以提高nodejs开发进度, Node.js Node 官方网站,Node.js 学习之路就起步,开发路途遥远 Nettuts Node.js Tutorial Node.js 编程的就是这样开始的, How To Node Node.js 教程一些文章列表 Node.js 文章列表 The Beginner Node Book

20172319 2018.03.05-2018.03.11 《程序设计与数据结构》第1周学习总结

学号20172319 2018.03.05-2018.03.11 <程序设计与数据结构>第1周学习总结 教材学习内容总结 复习上学期导论课所学知识 认识.了解与Java相关的基本知识:二符一字.四类编程语言.三种机器 程序中定义的标识符不能以数字开头且有&符号的标识符无效 教材学习中的问题和解决过程 问题1:什么是URL? 解决过程:上网查询相关资料:URL简单来说就是我们常说的网址,其实是统一资源定位符,包含协议与IP地址,其作用是定位资源及显示其所在位置 代码调试中的问题和解决过程