JavaScript入门语法与基本数据类型,数组,对象,Map,Set

JavaScript基本语法入门

     <script>
        //1. 定义变量
        var name = "nihao"
        var sorce = 70
        // if语句
        if(sorce>60){
            alert("成绩合格")
        }
        // 调试JavaScript往往用浏览器控制台进行调试
        //console.log(score)  在浏览器控制台打印变量!

    </script>

数据类型

number
js不区分小数和整数,Number

123   //整数123
123.1 //浮点数123.1
NaN   //not a number
Infinity //表示无限大

字符串
'abc' "abc"
1.多行字符串编写

//tab上面esc键下面
var msg = `
      nihao
      你好

2.模板字符串

let name = "小明"
let age = 12
let msg = 你好,$(name)

布尔值
true,false

比较运算符

=
== 等于(类型不一样,值一样,也会判断为true,比如1和"1"会判断为相等)
=== 绝对等于(必须类型一样,值一样才为true)

注意:NaN===NaN,NaN与任何数都不相等,包括自己
通过isNaN(NaN)来判断

null和undefined
-- null 空
-- undefined 未定义

数组

    var arr = [1,2,3,5,null,true,false,"hello"];

1.indexOf 通过元素获得下标索引

    arr.indexOf(2)
    1

2.slice()截取Array的一部分,返回一个新的数组
3.push():压入尾部,pop():尾部弹出
4.unshift():压入头部,shift()弹出头部
5.sort()排序
6.reverse()元素反转
7.concat()数组连接
8.连接符join
打印拼接数组,使用特定的字符串连接

    arr = ["A","B"]
    arr.join('-')
    "A-B"

对象
数组是中括号,对象是大括号

var Person = {
    name: "zzh",
    age:3
}

取对象的值
Person.age

Map和Set
Map:

var map = new map([['tom',100],['jim',60]]);
var score = map.get('tom'); //通过key 获得value
map.set('jacky',75); //添加
console.log(score);

Set: 无序不重复的集合

var set = new set([3,1,1,1,1]); //set可以去重
set.add(2);  //添加个2
set.has(3);  //true 是否包含3

iterator
遍历数组:

//通过for of 遍历值/ for in 遍历下标
var arr = [3,4,5];
for(x of arr){
      console.log(x);  //3,4,5
} 

遍历map:

var map = new Map(['tom',60],['jim',75]);
for(x of map){
      console.log(x);  //['tom',60],['jim',75]
} 

遍历set:

var set = new Set([5,6,7]);
for(x of set){
      console.log(x);  //[5,6,7]
} 
posted @ 2020-09-01 23:12  LaughTale  阅读(219)  评论(0)    收藏  举报