美文网首页
JavaScript

JavaScript

作者: wulle__ | 来源:发表于2022-03-27 16:07 被阅读0次

    1.变量

    在js中通常以 var 来声明
    可以用来储存数据
    可以更改
    

    2.常见的输出方式

    (1)将节点直接写入 body 标签中(文档)
         document.write()
    
    (2) console.log()
          控制台输出语句
          可以正常编译代码
          console.info()
          用于输出提示性信息
          console.error()
          用于输出错误信息
          console.warn()
          用于输出警示信息
    
    (3) 弹出框
          alert()
    

    3.运算符

    (1)算数运算符
    
         + - * /
         %:取余 直接获取到除不尽的余数
    
    (2)关系运算符
         < > <= >=
         == : 等于号  判断 值是否相等
         === : 全等   判断 值和数据类型 是否都相等
         != : 全等    判断 值是否不相等
         !== : 全不等 判断 值和数据类型 是否都不相等
    
    (3)逻辑运算符
         &&:且  符号两边的判断条件  必须都成立  结果才为  true
         ||:或  符号两边的判断条件  任意一个成立  结果就为  true
         !:非  取反  当判断条件结果为true的时候  取反为  false  反之为  true
    

    4.基础数据类型

    (1)数字  number
         可以进行算数运算  +号  为两个数相加
    
    (2)字符串  String
         由""或''包起来的字符  就是字符串
         在es6中  有字符串的新写法---模板字符串  ``
            特点:方便  快捷  可以换行
                  不用字符串拼接
                  变量的解析  使用  ${}
         字符串拼接  使用  +号  来拼接两个字符串
    
    (3)布尔  Boolean
         true  和  false
         是一个特殊的数据类型  相当于是一个被动属性  其他数据类型的数据  基本上都有布尔值
         数字0:false
         undefined:false
         null:false
         NaN:false
         非0的数字:true
         字符串:true
         (只要一个变量里面有值  且  值不是false  则它的布尔值都是true)
    
    (4)数组  Array
         数组通常由 [] 所包含
         里面的元素由,分隔开
         每个元素都有其相对应的  索引值(下标)
         索引值  是  由0开始  按顺序依次递增的  正整数
         当数组中的元素  被删掉的时候  索引值不会被删  而是由下一个元素补上
    
    (5)对象  Object
         对象由 {} 包含
         里面的数据 以 键值对 的形式存在
         var obj = {
         "name":"张三",
         "age":"18",
         "sex":"男"
         }
         数据都是以,隔开
         冒号前面叫 键 通常是以字符串或变量的形式存在(这里的变量不用声明)
         冒号后面叫 值 可以是任意数据类型的数据
         
         对象中有一种特殊的对象 叫 JSON对象
         var json = {
             "school":[
                  {
                   "name":"蓝鸥1",
                   "time":"20年"
                  },
                  {
                   "name":"蓝鸥2",
                   "time":"18年"
                  },
             ],
            "class":[
                {
                    "html":4,
                    "java":5
                }
            ]
        }
    
    (6)Undefind  特殊数据类型
    
    (7)null  特殊数据类型
    

    5.数组

    (1)数组的声明方式
         ①  构造函数
         var arr = new Array();
         可以声明一个  指定长度的空数组  var arr = new Array(10);
         也可以声明一个含有具体元素的数组 var arr = new Array(1,2,3,4,5);
         注意  元素数量  必须  大于等于  2
         ②  字面量(声明一个变量为其赋值)
         var arr = [1,2,3,4,5];
    
    (2)获取数组中的元素
         以  数组名[索引值]  的形式  来精准获取数组的元素
         要想获取数组中的每一个元素  就得使用  for循环
    
    (3)数组的属性
         length属性  arr.length
         直接获取到  数组长度(数组的长度就是数组中元素的个数)
    
    (4)数组的操作方法
         ①  push()  末尾添加
         向数组末尾  添加一个元素  并返回新数组的长度
         ②  pop()  末尾删除
         将数组的最后一个元素删除  并返回被删除的那个元素
         ③  unshift()  首位添加
         向数组开头  添加一个元素  并返回新数组的长度
         ④  shift()  首位删除
         将数组的第一个元素删除  并返回被删除的那个元素
         ⑤  splice(index,howMany,item)  定向添加和删除
         三个参数:
         index:添加 或 删除 的元素的索引值(位置)
         添加或删除多个元素的时候  index  就是起始位置
         howMany:删除的数量不删除的时候写  0
         item:需要添加的元素  可以是多个
         添加多个元素的时候  以,隔开
         不添加的时候  就不写
         添加和删除  可以同时进行  但是仅限  同位置的添加和删除
         返回值:
             删除的时候  会将删除的元素  以  数组的形式  返回出来
             添加的时候  只返回空数组
         ⑥  concat() 拼接两个数组
              将两个数组合成一个数组
              哪个数组使用 concat() 拼接的时候哪个数组就在前面不会改变原有的数组
              会将新合成的数组  以返回值的方式  返回出来
         ⑦  join()  将数组转成字符串
              在不设置的情况下
                  会将数组转成字符串  并默认以,隔开每个元素
              在设置的情况下
                  设置什么  转成字符串后就以  什么  隔开元素
                  如果设置为  空字符串 "" 则不隔开元素
              不会改变原数组  而是将转化好的字符串  以返回值的方式返回
         ⑧  indexof()  在数组中查找元素
              如果能找到  返回  目标元素的索引值
                  当目标元素在数组中存在多个的时候  返回  从左往右
                  第一个目标的索引值
              如果找不到  返回  -1
    
    (5)多维数组
         当数组中的元素  还是数组的时候  它就是  多维数组
         一维数组:数组中的元素  不是数组
         二维数组:数组中的元素  是  一维数组
         三维数组:数组中的元素  是  二维数组
         ......
    

    六.分支语句

    (1)if...else
         if(判断条件){
            只符合判断条件1后执行的代码
         }else if(判断条件2){
            不符合  判断条件1
            但符合判断条件2 时 执行的代码
            注意!else if  可以有多个
            当 else if 有多个的时候 按顺序盘算其是否符合条件
         }else{
            else 没有判断条件
            当 if 和 所有 else if 的判断条件都不满足时执行 else 中的代码
            else 可以不写
         }
    
         <!--
            判断条件 可以是 条件语句
            也可以是 变量
            当是变量的时候 则会根据 这个变量的 布尔值 进行判断
         -->
    
    (2)switch...case
         switch(变量){
            case 常量值1:
                当变量=常量值1 时执行的代码
                break;
            case 常量值2:
                当变量=常量值2 时执行的代码
                break;
            .
            .
            .
            dafault:
                当 变量 不等于 所有的 常量值时 执行的代码
            }
    

    七.循环语句

    (1)while
          var i = 0;
          while(i<10){
              console.log(i);
              i++
          }
    
    (2)do...while
          do{
              执行的代码
          }
          while(判断的条件);
    
          var i = 0;
          do{
              console.log(i);
              i++
          }
          while(i<10);
    
    (3)for
          for(声明变量并赋予初始值:对变量进行条件判断;变量的自增或自减){
              当 变量 满足 判断条件时 执行的代码
              如果变量不满足条件 则不执行代码 并 跳出循环
          }
    
          for循环的执行顺序
          对变量进行判断=>满足条件 执行代码=>变量自增或自减=>对变量进行判断=>......
          诸如此类循环 直到变量不满足条件 则终止循环
    

    八.字符串与数值之间的转换

    (1)给字符串数字*1 => "2"*1
         因为 做乘法运算时 系统会强制将 字符串转化成数字
    
    (2)parseInt
         将小数 转化为整数(直接舍去小数部位)
         还能将 字符串数字 转化为 数字
    
    (3)数字 => 字符串
         只需要给数字拼接上一个 空字符串 "" 就行
    
     注意:
         将字符串转化成数字的时候
              "123" => 123
              "123qwe123 => 123
              "qwe123" => NaN(Not a Number:非数)
    

    相关文章

      网友评论

          本文标题:JavaScript

          本文链接:https://www.haomeiwen.com/subject/atvpjrtx.html