【Javascript学习】【day1】快速入门
程序员文章站
2022-07-12 15:37:23
...
前言：上周，老大给布置了一个练习作业：开发一个登录系统，独立完成后端及前端全部内容。花了四天写了一个很简单的系统，过程中对HTML和js起了兴趣，js偏逻辑，HTML偏UI，决定先从js下手。目标是一个月内完成js基础学习。
学习资源来源：廖老师的js教学
今日学习内容：
1.基础语法
2.数据类型
3. 运算符
4. 数组
5. 对象
6. 变量
7. 字符串
js代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript</title>
</head>
<body>
<script>
//2.22号打卡
/*===========数据类型===============
1.number数字：1、-2、0.5、NaN、Infinity..
2.string字符串：引号括起来的文本
3.boolean布尔值：true false
4.null
5.undefined
6.symbol
==============其他基本语法===========
1.运算符
2.数组
3.对象
4.变量
5.字符串：转义字符\：\n 换行 \t制表符 \' '
ASCII字符：\x##十六进制形式 \x41===A
\u####：Unicode字符 '\u4e2d\u6587'==='中文'
多行字符串怎么打？--反引号`......`
把多个字符串连接起来--用“+”号 或者用ES6新增的一个方式
字符串常见操作
*/
console.log(2/0); //输出Infinity
console.log(true&&false,'abc'===123);
console.log(NaN===NaN);//输出false，NaN与所有值都不相等，包括它自己
console.log[1,2,'hello',null,true] //可以包括任意数据类型
//创建数组的两种方法
new Array(1,2,3);
var arr = [1,2,3];//可读性更高，建议使用第二种
console.log("%c"+arr.length+"color:red");
//数组长度
arr.length = 6;
//数组赋值
//在索引范围内
arr[3] = 'monmon';
console.log(arr); //输出Array(6) [1,2,3,"monmon",undefined,undefined]
//超过索引范围--会改变数组长度
arr[10] = '超过';
console.log(arr);
//data是对象，name是属性名，23是属性值
var data={
name:"mango",
age:23,
single:true,
bf:null
}
//获取一个对象的属性值
console.log(data.name);
//定义一个多行字符串
var kk =
`
┌─────┐ ┌─────┬─────┬─────┬─────┐
│ ESC │ │ F1 │ F2 │ F3 │ F4 │
│ │ │ │ │ │ │
└─────┘ └─────┴─────┴─────┴─────┘
┌─────┬─────┬─────┬─────┬─────┐
│ ~ │ ! │ @ │ # │ $ │
│ \` │ 1 │ 2 │ 3 │ 4 │
├─────┴──┬──┴──┬──┴──┬──┴──┬──┘
│ │ │ │ │
│ tab │ Q │ W │ E │
├────────┴──┬──┴──┬──┴──┬──┘
│ │ │ │
│ caps lock │ A │ S │
└───────────┴─────┴─────┘
`;
console.log(kk);
//多个字符串连接起来
//方法1：用+号
var message = 'hi '+ data.name;
console.log("%c"+message,"color:blue"); //在输出的信息前输入"%c",信息后面添加"color:XXX"可以改变字体在console的颜色
//方法2：>=ES6
console.log(`hi,${data.name},true? ${data.single}`);
//字符串相关操作
//获取字符串长度
var s = "hellomango"
console.log(`字符串长度：${s.length}`);
//获取字符串某个指定位置的字符 注意：字符串是不可变的，如果对其中的索引赋值 不会起任何作用
console.log(`第2个字符是：${s[1]}`);
//把一个字符串全部变成大写、小写
console.log(s.toUpperCase());
console.log(s.toLowerCase());
//搜索指定子字符串--返回字符串开始出现的索引位置
console.log(s.indexOf("lo"));
//搜索指定索引--返回对应子字符串 (x,y)--->显示索引x~y-1的子字符串
console.log(s.substring(3,8))//输入'loman'
</script>
</body>
</html>
今日感想：
由于之前就有代码基础，学js并不吃力。需要提高学习效率。一个下午学习进度偏慢，比较容易被钉钉聊天消息打断学习，有点分心嗷。
_MongoZhan
_date：2020-02-02
上一篇： JavaScript快速入门学习笔记
下一篇： typescript 类型断言