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:非数)
网友评论