一、Hello, World与数据类型

一、Hello, World与数据类型

1.Hello,World

使用JavaScript输出内容的几种方式

1. 使用console.log在控制台输出Hello,World

   console.log('Hello, World.')
   

2. 使用alert在浏览器弹窗中显示Hello,World

   alert('Hello, World.')
   

2.JS的基本数据类型

1. 字符串

   • 'Hello, World.' 使用单引号和双银行都可以

   • 字符串中如果包含变量，变量使用${}括起来

     var w = 'World.'
     `Hello, ${w}` --> "Hello, World."
     

   需要注意的是上面的字符串是用`包裹的

   • 获取字符串的长度 length

     'Hello, World'.length
     12
     

   • 截取字符串 substring（闭开）

     var h = 'Hello, World.'
     h.substring(7, 12) --> "World"
     

     截取字符串还可用sbustr等其他方法

2. 数字

   整数 123

   小数 3.1415926

3. 布尔

   true

   False

4. 数组

   方式一：

   var language = new Array();
   language[0] = 'Java'
   language[1] = 'Python'
   

   方式二：

   var language = new Array('C', 'C++');
   

   方式三：

   var language = ['C#', 'Go'];
   

   • 下标取值 language[2]

   • 长度 language.length

   • 排序和反转 sort / reverse

   • 尾部添加和去除 push / pop

   • 头部添加和去除 shift / unshift

   • 遍历 for..in.. / forEach / for..of..

     var lan = ['C#', 'Go', 'Java', 'Python'];
     // 遍历方式一：for...in...
     function it1(){
       for (let l in lan) {
         // 这里的 l 是下标
         console.log(lan[l]);
       }
     }
     // 遍历方式二：forEach
     function it2(){
       lan.forEach(l => console.log(l));
     }
     // 遍历方式三：for...of..
     function it3(){
       for (let l of lan) {
         console.log(l);
       }
     }
     

5. 对象

   对象相当于Java中的Map或者Python中的字典

   var student = {'id': 1, 'name': 'xm', 'age': 20}
   student.id --> 1
   student.name --> "xm"
   student.age --> 20
   

6. undifined和Null

   undifined表示变量不含有值

   null表示变量的值是空

7. Map（ES6新增）

   • 创建方式

     var map1 = new Map([['name','xh'], ['age', 20]]);
     

   • 基本用法 增删改查

     var map1 = new Map([['name','xh'], ['age', 20]]);  // 创建
     > undefined
     map1.get('name')  // 获取值
     > "xh"
     map1.set('sex', 'man')  // 添加值
     > Map(3) {"name" => "xh", "age" => 20, "sex" => "man"}
     map1.has('sex')  // 是否存在
     > true
     map1.has('grade')
     > false
     map1.delete('name')  // 删除值
     > true
     map1
     > Map(2) {"age" => 20, "sex" => "man"}
     

8. Set（ES6新增）

   • 创建方式

     var set = new Set([1,2,3,4,5])
     

   • 基本用法 增删

     var set = new Set([1,2,3,4,5])
     set.add(6) --> Set(6) {1, 2, 3, 4, 5, …}
     set.delete(1) --> true