分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

Web-Lesson06-JS的运算符和循环

发布时间:2023-09-06 01:38责任编辑:董明明关键词:Web运算符

一、JS的数据类型

  js六大数据类型
    number——数字  在js里面的小数和整数统一都是数字 -2^53 -- 2^53 超出范围之后精度就会不准确
    string——字符串
    boolean——布尔值 true false
    function——函数
    undefined——未定义 一个变量声明之后没有赋值就是undefined
    object——对象
    在js里面null属于对象类型,但是它不具有很多对象的共性,所以很多资料将它归为单独一类数据类型null
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title> ???<style> ???????* { ???????????margin: 0; ???????????padding: 0; ???????} ???div{ ???????background: yellow; ???????width: 100px; ???????height: 50px; ???????????line-height: 50px; ???????????margin: 10px auto; ???????????text-align: center; ???} ???</style></head><body> ???<div id = "test1">test1</div> ???<div id = "test2">test2</div> ???<div id = "test3">test3</div> ???<div id = "test4">test4</div> ???<div id = "test5">test5</div> ???<div id = "test6">test6</div> ???<div id = "test7">test7</div> ???<div id = "test8">test8</div> ???<div id = "test9">test9</div> ???<script> ???????var a = 128; ????????var b = "hello world"; ???????var c = true; ???????var d = function () { ???????????alert(1); ???????}; ???????var e; ???????var f = document.getElementById("text6"); ???????var g = [1,2,3]; ???????????var h = {}; ???????var i = null; ???????var oDiv1 = document.getElementById("test1"); ???????var oDiv2 = document.getElementById("test2"); ???????var oDiv3 = document.getElementById("test3"); ???????var oDiv4 = document.getElementById("test4"); ???????var oDiv5 = document.getElementById("test5"); ???????var oDiv6 = document.getElementById("test6"); ???????var oDiv7 = document.getElementById("test7"); ???????var oDiv8 = document.getElementById("test8"); ???????var oDiv9 = document.getElementById("test9"); ???????????oDiv1.innerHTML = typeof a; ???????oDiv2.innerHTML = typeof b; ???????oDiv3.innerHTML = typeof c; ???????oDiv4.innerHTML = typeof d; ???????oDiv5.innerHTML = typeof e; ???????oDiv6.innerHTML = typeof f; ???????oDiv7.innerHTML = typeof g; ???????oDiv8.innerHTML = typeof h; ???????oDiv9.innerHTML = typeof i; ???????????</script></body></html>
  var a = 128;   var b = "hello world";  var c = true;  var d = function () {    alert(1);  };  var e;  var f = document.getElementById("text6");  var g = [1,2,3]; ???  var h = {};  var i = null;
这9个变量的类型打印出来分别为:

二、JS的运算符

  1.算数运算符

    算数运算符(基础数字运算)+ - * / %(求余数)

    当不是数字之间的运算的时候,“+”号两边一旦有字符串(引号引起来的一坨),那么“+”号就不再是数学运算了,而是拼接,最终结果是字符串。
    -  * / %  尽量将字符串转换成数字(隐式类型转换)
    
    

  2.赋值运算符

    +=  -=  *=  /=  %=
    ++ -- 两个都存在隐式类型转换,会全部转换为数字

    

  3.逻辑运算符

    &&  与 两边都为真,结果才为真,其他为假
    ||  或 两边都为假,结果才为假,其他都是真
    !   非 取反,真变假,假变真
    
    当逻辑运算符,两边不一定是布尔值的时候
    && 遇到假就停,但是不会进行类型转换
    || 遇到真就停,但是不会进行类型转换
    ! 隐式类型转换,将后面的数据先转换为布尔值再取反

三、条件语句:if

四、switch语句

五、循环语句

  1.for循环

  2.while;do while

Web-Lesson06-JS的运算符和循环

原文地址:https://www.cnblogs.com/bear905695019/p/8322607.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved