JavaScript基础

175 阅读2分钟

javascript组成

javascript由DOM 、BOM、ECMAscript组成

JavaScript 注释

  • 单行注释 // 快捷键Ctrl+/
  • 多行注释 /* */ 快捷键 Shift+Alt+a

javascript 输入和输出语句

  • prompt() 弹出一个输入框,输入内容
  • confirm() 弹出一个确认框
  • alert() 弹出一个输出框
  • console.log() 控制台输出

JavaScript命名规则

  • 不能使用关键字
  • 变量名只能由字母、数字、下划线、$组成,并且数字不能写在首位
  • 起名要有意义
  • 使用驼骆峰命名法

JavaScript数据类型

基本类型:

  • number 数字类型
  • String 字符串类型
  • bealoon 布尔类型(true、false)
  • undefined 未定义类型
  • null 空对象

复杂数据类型

  • Array 数组类型
  • Function 函数类型
  • Object 对象类型

typeof 检测基本数据类型 (typeof 变量)

instanceof 检测复杂数据类型

类型转换

隐式转换

  • 不用额外的写代码,程序根据一定规则转换
  • +号两边如果有一边是字符串,会把另一边非字符串转化成字符串进行拼接
  • 除了+号以外算术运算符,都会把别的类型转化为数字类型,无法转换的,会得到NaN
  • 比较运算符也会隐式转换类型

显示转换

  • Number(数据) 转化数字类型 parseInt(数据) 转化整数 parseFloat(数据) 转换小数
  • 数据.toString()||String(数据) 转化字符串类型

自减和自加

let num=5
let num1=num++
let num2=++num
console.log(num1) //5
console.log(num2) //7

程序的三种结构

  • 顺序结构
    • 代码从上往下依次执行
  • 分支结构
    • if(条件){函数体}else{}
    • if(条件){函数体}else if(条件){函数体}else{}
    • 三元表达式:参数1 条件 参数2 ?代码1:代码2
    • switch(数值){ case 数值1:代码1 break;...default:代码n break; }
  • 循环结构

while(条件){函数}

while{函数}do(条件)

for(let i=0;i<条件;i++){函数体}

数组

let 数组名=[数组参数] 数组方法:

  • 数组名.push(参数) 在数组的末尾添加
  • 数组名.reverse() 反转数组
  • 数组名.pop() 删除数组末尾的元素,并返回删除的元素
  • 数组名.splice(数组位置,删除的个数,添加的元素)
  • 数组名.join() 把数组拼接成字符串
  • 数组名.sort(回调函数) 把数组进行排序 function(a,b){return a-b}
  • 数组名.indexOf(数据) 如果找到这个数据就返回这个数下标,找不到返回-1 字符串内置方法:(字符串不可改,只能重新赋值)
  • indexOf、lastIndexOf 和数组的一样
  • split 分割字符串 变量名.split('')
  • replace 替换字符串 变量名.replace(被替换的元素,替换后的新元素)
  • trim() 取出两边空格 ###遍历数组和对象
for(let i=0;i<数组.length;i++){
	console.log(数组[i])
}
for(let key in 对象){
	console.log(对象[key])
}