美文网首页
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