JavaScript数据类型3.0

一、字符串

1. 正常字符串我们使用单引号或者双引号包裹
2. 注意转义字符

\'    字符串

\n   换行

\t   table

\u4e2d    u#####  Unicode字符

\x41     Ascll字符

 3.多行字符串编写

//tab上面，esc下面
<script>
    'use strict'
    var msg=`hello 
    world
    `
</script>

4.模板字符串 

<script>
    'use strict'
    let name="lyy";
    let age= 18 ;
    let msg=`你好呀，${name}`+age
    console.log(msg);
</script>

5.字符串长度

console.log(stu.length)

6.字符串可变性、不可变

 7.大小写转换

//注意，这里是方法，不是属性
//大写
student.toUpperCase()
//小写
student.toLowerCase()

 8.获取字符首次出现的位置

student.indexOf('t')

9.显示字符串

student.substring(1) // 从第一个字符截取到最后一个字符
student.substring(1,3) //【1,3）包含第一个但是不包含第三个

二、数组

Array可以包含任意的数据类型

var arr=[1,2,3,4,5,6]; //通过下标取值和赋值
arr[0]=1;

1、长度

arr.length

注意：假设给arr.length赋值,数值大小就会发生变化，如果赋值过小，元素就会丢失

2、indexOf，通过元素获得下标索引

arr.indexOf(2)

1

 字符串的“1”和数字的1是不同的

3、slice（）截取Array的一部分，返回一个新的数组，类似于Sting中的substring

4、push()、pop()

push:压入到尾部

pop:弹出尾部的一个元素

 5、unshift,shift

unshift:压入头部

shift:弹出头部的一个元素

6、排序 sort() 

arr=['B','C','A']
(3) ['B', 'C', 'A']
arr.sort()
(3) ['A', 'B', 'C']

 7、元素反转

arr.reverse()
(3) ['C', 'B', 'A']

 8、concat()

 注意:这个方法并没有修改数组，只是会返回一个新的数组

9、链接符join

打印拼接数组，使用特定的字符串链接

10、多维数组

 数组：存取数据，方法都可以实现

三、对象

若干个键值对，JavaScript中的所有的键都是字符串，值可以是任意对象

 var person={
        name:"123",
        age:3,
        email:"123456",
        score:60
    }

1、对象赋值

2、使用一个不存在的对象属性并不会报错，只是显示undefined

3、动态的删减属性

4、动态的加入属性

 5、判断属性值是否在这个对象中，包括继承（toString）

 6、判断一个属性值是否是这个对象自身拥有的

四、流程控制

if判断

    var age=7;
    if(age>4){
        alert("da");
    }else{
        alert("xiao");
    }

 循环

    var age=7;
    while(age<50){
        age=age+1;
        console.log(age);
    }

 for循环

    for (let i=0;i<100;i++){
        console.log(i)
    }

forEach循环

    var age=[12,3,12,3,12,3,12,3,12,2,564];
    //函数
    age.forEach(function(value){
        console.log(value)
    })

  for...in(in得到的是索引 fo得到的是值)

var age=[12,3,12,3,12,3,12,3,12,2,564];
    //函数
    //for(var index in object)
    for(var num in age){
        if (age.hasOwnProperty(num)){
            console.log(age[num])
        }
    }

五、Map和Set

ES6的新特性

Map：

 var map=new Map([["tom",32],["jack",56]]);
    var name=map.get('tom');//通过key获得value
    map.set('admin',123456);//新增或修改
    console.log(name);
    map.delete("tom");//删除

Set:

    var set=new Set([3,1,1,1,1,1]);//set可以去重复
    set.add(2);//添加
    set.delete(1);//删除
    console.log(set.has(3));//是否包含某个元素

六、iterator

ES6的新特性

遍历数组

    var arr=[3,4,6,8];
    //打印下表
    for(var x in arr){
        console.log(x)
    }
    //打印数组
    for(var x of arr){
        console.log(x)
    }

遍历Map

     var map=new Map([["tom",100],["jack",90]]);
     for(let x of map){
        console.log(x)
    }

遍历Set

    var set=new Set([5,6,8,9]);
    for(let x of set){
        console.log(x)
    }