目录
一、javascript基础
1. 基础汇总
(1)输出语句
// console 控制台输出 给程序员测试用的
console.log('我是程序员能看到的');
(2)变量
// 1. 声明了一个age 的变量
var age;
// 2. 赋值 把值存入这个变量中
age = 18;
// 3. 输出结果
console.log(age);
// 4. 变量的初始化
var myname = 'momo';
console.log(myname);
//5.声明并赋值
var age = 30;
// 1. 更新变量
var myname = 'momo;
console.log(myname);
myname = '迪丽热巴';
console.log(myname);
// 2. 声明多个变量
var age = 18,
address = '火影村',
gz = 2000;
// 3. 声明变量的特殊情况
// 3.1 只声明不赋值 结果是? 程序也不知道里面存的是啥 所以结果是 undefined 未定义的
var sex;
console.log(sex); // undefined
// 3.2 不声明 不赋值 直接使用某个变量会报错滴
// console.log(tel);
// 3.3 不声明直接赋值使用 (可以正常输出,但不建议,会变成全局变量)
qq = 110;
console.log(qq);
(3)交换两个变量值
// js 是编程语言有很强的逻辑性在里面: 实现这个要求的思路 先怎么做后怎么做
// 1. 我们需要一个临时变量帮我们
// 2. 把apple1 给我们的临时变量 temp
// 3. 把apple2 里面的苹果给 apple1
// 4. 把临时变量里面的值 给 apple2
var temp; // 声明了一个临时变量为空
var apple1 = '青苹果';
var apple2 = '红苹果';
temp = apple1; // 把右边给左边
apple1 = apple2;
apple2 = temp;
console.log(apple1);
console.log(apple2);
(4)数值型与字符型相互转换
把数字型转换为字符串型
// 1. 变量.toString()
var num = 10;
var str = num.toString();
console.log(str);
console.log(typeof str);
// 2. 我们利用 String(变量)
console.log(String(num));
// 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
console.log(num + '');
把字符型的转换为数字型
// var age = prompt('请输入您的年龄');
// 1. parseInt(变量) 可以把字符型的转换为数字型 得到是整数
// console.log(parseInt(age));
console.log(parseInt('3.14')); // 3 取整
console.log(parseInt('3.94')); // 3 取整
console.log(parseInt('120px')); // 120 会去到这个px单位
console.log(parseInt('rem120px')); // NaN
// 2. parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数
console.log(parseFloat('3.14')); // 3.14
console.log(parseFloat('120px')); // 120 会去掉这个px单位
console.log(parseFloat('rem120px')); // NaN
// 3. 利用 Number(变量)
var str = '123';
console.log(Number(str));
console.log(Number('12'));
// 4. 利用了算数运算 - * / 隐式转换
console.log('12' - 0); // 12
console.log('123' - '120');
console.log('123' * 1);
(5)布尔值
console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log('------------------------------');
console.log(Boolean('123'));
console.log(Boolean('你好吗'));
console.log(Boolean('我很好'));
(6)递增运算
var p = 10;
前置递增 先加1 后返回值
console.log(++p + 10); //21
后置递增 后置自增 先表达式返回原值 后面变量再自加1
console.log(p++ + 10); //20
console.log(p); //11
前置自增和后置自增如果单独使用 效果是一样的
var a = 10;
++a; // ++a 11 a = 11
var b = ++a + 2; // a = 12 ++a = 12
console.log(b); // 14
var c = 10;
c++; // c++ 11 c = 11
var d = c++ + 2; // c++ = 11 c = 12
console.log(d); // 13
var e = 10;
var f = e++ + ++e; // 1. e++ = 10 e = 11 2. e = 12 ++e = 12
console.log(f); // 22
2.for循环
// 1. for 重复执行某些代码, 通常跟计数有关系
// 2. for 语法结构
for (初始化变量; 条件表达式; 操作表达式) {
// 循环体
}
// 3. 初始化变量 就是用var 声明的一个普通变量, 通常用于作为计数器使用 (var i = 0)
// 4. 条件表达式 就是用来决定每一次循环是否继续执行 就是终止的条件 (i<arr.length)
// 5. 操作表达式 是每次循环最后执行的代码 经常用于我们计数器变量进行更新(递增或者递减)
// 6. 代码体验 我们重复打印100局 你好
for (var i = 1; i <= 100; i++) {
console.log('你好吗');
}
// 条件表达式可以使用变量控制
var num = prompt('请您输入次数');
for (var i = 1; i <= num; i++) {
console.log('我最棒');
}
// 1. 首先执行里面的计数器变量 var i = 1 但是这句话在for 里面只执行一次 index
// 2. 去 i <= 100 来判断是否满足条件, 如果满足条件 就去执行循环体 不满足条件退出循环
// 3. 最后去执行 i++ i++是单独写的代码 递增 第一轮结束
// 4. 接着去执行 i <= 100 如果满足条件 就去执行 循环体 不满足条件退出循环 第二轮
// 求 1~100 之间的整数累加和
// 需要循环100次,我们需要一个计数器 i
// 我们需要一个存储结果的变量 sum ,但是初始值一定是 0
// 核心算法:1 + 2 + 3 + 4 .... ,sum = sum + i;
var sum = 0; // 求和 的变量</