JS基础学习（数据类型，Map、Set集合）

1.基础
js框架包括jQuery，angular，react，Vue，axios

javascript是一门脚本语言
ECMAscript是js的标准，最新版本达到了es6，而大部分浏览器只支持到es5，故开发环境和线上环境存在版本差。

2.引入js

js代码可放入代码的任何地方，head里，body最下边都可以。（内部标签）

例：一个简单的弹窗放在head标签下

    <script>
        alert('hello');
    </script>

js在head中路径引入（外部引入）

    <script src="./js/qj.js"></script>

3.基本语法入门

// 定义变量var
var num = 1;
// alert(num);

// 条件控制
if(num>1){
    alert('yeah');
}else alert('no');

// javascript严格大小写

// 在浏览器控制台打印num
// onsole.log(num) 

在网页调试的comsole中输入代码回车进行js的调试
source中完成代码的断点调试

4.数据类型

数值，文本，图形，音频，视频

①数值：js不区分整数和小数，统为number

// 科学技术法
1.11e3
// not a Number
NaN
// 负数
-100
// 无限大
Infinity

②字符和字符串：‘a’ “abc” ‘\n’

· 多行字符串编写

· 模板字符串

· 字符串长度

· 获取[)位数的字符串

console.log(str.length)

③布尔值：ture，false

④逻辑运算：&& || ！

⑤比较运算符 ：

= 赋值
== 类型不一样，值一样，ture
=== 类型和值都一样，ture

避免使用浮点数进行运算，存在精度的损失的问题

⑥null和undefine

null空指针
undefine未定义

⑦数组：js中不需要是一系列相同类型的对象 中括号

· 数组定义

var arr = [1,2,3,4,5,'hello'];

· 数组长度
如下，更改arr的长度会产生成功，但是增加地元素undefine，如果更改长度比原来小，则会丢失元素

· 通过元素获得下标索引

arr.indexOf(2)    //数字二在arr【1】位置

· slice()截取数组的一部分（数组版的substring，含头不含尾）

· push、pop在数组的尾部对元素压入和弹出

· unshift(),shift()往头部添、去掉元素

· sort（）排序

· reverse（）元素反转

· concat()拼接数组

concat并没有修改数组，只是会返回一个新的数组

· join（）连接符

用特定的字符串连接数组元素

· 数组遍历for of

		var arr =[3,4,5];
        for(var x of arr){
            console.log(x);
        }

得到

· 多维数组

⑧对象：大括号定义

逗号隔开每个属性，最后一个不需要加逗号
对象指若干个键值对
js中的所有键都是字符串，值是任意对象

        // 定义一个person，具有四个属性
        var person = {
            name:"mimo",
            age:5,
            email:"166@qq.com",
            score:60
        }

· 对象赋值

person.name = "mimimo"

· 动态删减

delete person.name

· 动态添加（直接添加即可）

person.qq =166

· 判断属性是否在对象中
键都是字符串

'age' in person

严格检查模式strict的设置

局部变量建议使用let来定义

// 'use strict';严格检查模式，预防js中随意性导致的问题，
//局部变量建议使用let来定义
//写在js的第一行
'use strict';
i = 1;
}

从而限制js的随意性

5.流程控制

循环分支等等

6. Map 和Set

es6中新出的map集合
运用如下若要统计学生成绩、名字，通过定义数组如下,查询十分麻烦

      // 统计学生成绩、名字
        // 通过定义数组如下,查询十分麻烦
        var names = ["tom","jack","mirr"];
        var scores = [100,90,80];

map集合后 map.get通过key获得value，map.set增加键及对应value

        var map = new Map([["tom",100],['jack',90],['mirr',80]]);
        var name =map.get("tom");//通过key获得value
        map.set('admin',123456);
        console.log(name);

*map.deleta（‘admin’）删除键

遍历Map使用for of

		for(var x of map){
            console.log(x);
        }

set：无序不重复的集合

set集合可以去重如图集合中的四个1变成一个

      var set = new Set([3,1,1,1,1]);
        set.add(2);
        set.delete(3)

增2删3

判断set集合中是否有3

console.log(set.has(3))

false

遍历set
for of