JavaScript输入输出语句

  1. alert():浏览器弹出警示框(浏览器输出)

    1. alert('计算的结果是');
  2. consloe.log():浏览器控制台打印输出信息(控制台输出)

    1. console.log('我是程序员能看到的');
  3. prompt():浏览器弹出输入框,用户可以输入

    1. prompt('请输入你的年龄:');

    变量

    声明变量:var 变量名
    var是variable(变量)的缩写
    图片.png
    图片.png
    声明多个变量:
    图片.png
    声明变量的特殊情况
    图片.png
    变量命名规范
    图片.png

    数据类型

    图片.png
    图片.png
    在JS中八进制前面加0,十六进制前面加0x

    数字型 Number

    JavaScript中数值的最大值和最小值
    图片.png
    Infinity:代表无穷大,大于任何数值
    -Infinity:代表无穷小,小于任何数值
    NaN:Not a Number代表一个非数值

isNaN()方法
图片.png

字符串型 String

图片.png
图片.png
字符转义符
图片.png
检测字符串长度 length

  1. var str = 'my name is xxx';
  2. console.log(str.length);

字符串拼接
多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串
只要有字符串和其他类型拼接,最后的结果是字符串类型
拼接加强

  1. var age = 18;
  2. console.log('我今年'+age+'岁');

布尔型 Boolean

布尔型有两个值:true和false
参与加法运算true=1
参与加法运算false=0

Undefiend、NaN

  1. var str;
  2. consloe.log(str);//结果undefined

NaN,Undefiend和数字相加,最后的结果是NaN

Null

null和数字相加,最后的结果是数字本身

获取变量数据类型

typeof:判断变量类型

  1. var a = null
  2. console.log(typeof a);// 结果为Object类型

数据类型转换

转换为字符串

图片.png

转换为数字型

图片.png

转换为布尔型

图片.png

运算符

算数运算符

image.png

递增和递减运算符

image.png
image.png
image.png

比较运算符

image.png
image.png

逻辑运算符

image.png

短路运算(逻辑中断)

image.png
image.png
image.png

赋值运算符

image.png

运算符优先级

image.png
image.png

数组

image.png
image.png

冒泡排序

  1. var arr = [5, 2, 4, 3, 1];
  2. for (var i = 0; i < arr.length - 1; i++) {
  3. for (var j = 0; j < arr.length - i - 1; j++)
  4. if (arr[j] > arr[j + 1]) {
  5. var temp = arr[j];
  6. arr[j] = arr[j + 1];
  7. arr[j + 1] = temp;
  8. }
  9. }
  10. console.log(arr);

函数

image.png
image.png
image.png

arguments

image.png

作用域

image.png
image.png
函数的形参也可以看做局部变量
image.png
image.png

预解析

image.png

对象

image.png
image.png
image.png
image.png
image.png
image.png
image.png

内置对象

math对象

image.png
image.png
image.png

日期对象

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

数组对象

image.png
image.png
image.png
image.png
image.png
image.png
image.png

数组排序

image.png
image.png
image.png

数组去重

image.png
image.png

基本包装类型

就是把简单数据类型包装成复杂数据类型
image.png

字符串对象

image.pngimage.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png