JavaScript入门笔记后续
&&
有假返回这个数据的值，同真返回最后一个值
||
有真返回这个数据的值，同假返回最后一个值
++
先自增，再赋值
var i = 1;
console.log(++i); // 2
console.log(++i); // 3
先赋值，再自增
var i = 1;
console.log(i++); // 1
console.log(i++); // 2
数组
var arr = new Array(); // 构造函数创建数组
特点
- 有下标，称作索引，可以根据索引获取数组元素
- 有长度，长度表示数组元素的个数
- 数组元素为 js 中任意数据类型，数组长度不限
var arr =[1,'2',true,null,undefined,[],{},function(){}];
// 获取数组长度
var len = arr.length;
var len = arr["length"];
// 通过索引获取数组元素
var res = arr[2];
Array.isArray()
判断一个数据是否为数组，参数为 js 数据
var res = Array.isArray(arr);
对象
var obj = new Object(); // 实例化对象
var obj = {}; // 直接创建对象
特点
- 对象是以 key:value 键值对 存在
- 所有的 key 都是 string 类型
- value 可以为任意的 js 数据类型
- key 不能重复
- 不会因为 key 报出 key is not defined 错误
- key 可以为undefined
- 可以链式打点获取属性的值
如何区分对象和数组
通过 constructor 获取构造函数的方式 区分数组和对象
js 中除了 null 和 undefined 都有构造函数
console.log(Array.isArray([])); // true
console.log([].constructor===Array); // true
console.log({}.constructor===Object); // true
// 判断数据是否为 null
var nu = null;
console.log(nu === null); // true
typeof 六种数据类型
number string boolean undefined object function
(null 表示空对象，也是object类型)
for循环
for (var i = 0; i < 10; i++){
console.log(i);
}
// 0 1 2 3 4 5 6 7 8 9
注意：同步代码，程序一旦执行过后就不会存在程序执行的起点
if
if( 条件表达式1 ){
代码块1;
}else if ( 条件表达式2 ){
代码块2;
}else{
代码块3;
}
注意：同步代码，程序一旦执行过后，就不会存在
程序执行的起点：刚启动页面时。
代码块
代码块中代码执行一般情况下需要条件
代码块，是根据业务分析出来的代码( 分析 + 逻辑 )
数据结构
数组中 放相同类型的数据
对象中 放不同的数据类型结构
要点：根据页面结构，分析你所需要的数据结构
for in
遍历对象
var obj = {
name:'aaa',
age:22,
dec:'bbb'
}
for(var key in obj){
console.log(key); // key 为变量，name，age，dec
console.log(obj[key]); // 对象取值 aaa，22，bbb
console.log(obj.key); // undefined,这里的key是属性，对象中添加的一个字符串
}
// 遍历数组中的对象
var student = [
{name:'qqq',age,21}
]
for(var i = 0;i < student.length; i++){
for(var key in student[i]){
console.log(key+':'+student[i][key]+' ');
}
}
// 打印 1*2*3*4*...*20
var res = '';
for(var i = 1;i <= 20; i++){
if( i == 20 ){
res += i;
}else{
res += i + '*';
}
}
Date()
日期对象，年 月 日 时 分 秒 时间戳
// 实例化一个日期对象，返回当前时间，以及 api
var date = new Date(); // Mon Jun 22 2020 19:29:43 GMT+0800 (中国标准时间)
// getFullYear() 返回当前年份
var year = date.getFullYear(); // 2020
// getMonth() 返回当前月份 0 - 11
var month = date.getMonth() + 1; // 6
// getDate() 返回几号
var day = date.getDate(); // 22
// getfDay() 返回星期几 0 - 6 ,0 为星期天
var nowday = date.getDay(); // 1
// getHours() 返回小时
var hour = date.getHours(); // 19
// getMinutes 返回分钟
var minute = date.getMinutes(); // 29
// getSeconds 返回秒
var second = date.getSeconds(); // 43
// 时间戳，具有唯一性，从 1970 年到现在的毫秒数
var time = date.getTime(); // 1592825383831
// getMilliseconds() 返回毫秒数
var millsecond = date.getMilliseconds();
// 日期格式化插件封装
console.log(year + '-' + month + '-' + day + '-' + nowday + ' ' + hour + ':' + minute + ':' + second); // 2020-6-22-1 19:29:43
Math对象
random()
返回 number 类型，从 0 - 1 的随机小数
凡是和随机有关的所有业务，都用 Math.random()
取 min - max 的随机数
// 取 min - max 的随机数
var res = parseInt(Math.random()*(max-min+1)+min);
var res = Math.floor(Math.random()*(max-min+1)+min);
ceil()
向上取整
console.log(Math.ceil(2.2)); // 3
floor()
向下取整
console.log(Math.floor(2.2)); // 2
round()
四舍五入
console.log(Math.round(2.5)); // 3
pow()
次方
console.log(Math.pow(9,3)); // 9 的3次方 729