JavaScript——数据类型、流程控制、Map和Set

1. 数据类型

1.1 字符串

  • 正常字符串我们使用 单引号,或者双引号包裹
    (1)转义字符
    JavaScript——数据类型、流程控制、Map和Set
    (2) 多行字符串编写使用 ` (键盘上esc键下的引号)
    JavaScript——数据类型、流程控制、Map和Set
    (3) 模板字符串
    JavaScript——数据类型、流程控制、Map和Set
    (4) 字符串长度
    str.length

    JavaScript——数据类型、流程控制、Map和Set
    控制台输出
    JavaScript——数据类型、流程控制、Map和Set
    (5)字符串的可变性:不可变
    JavaScript——数据类型、流程控制、Map和Set
    (6)大小写转换
    注意: 这里是方法,不是属性了
    student.toUpperCase()
    student.toLowerCase()

    JavaScript——数据类型、流程控制、Map和Set
    (7)获取指定下标
    str.indexOf( )

    JavaScript——数据类型、流程控制、Map和Set
    (8)截取字符串
    str.substring(1) // 从第一个字符串截取到最后一个字符串
    str.substring(1,3) //[1,3) 含头不含尾
    JavaScript——数据类型、流程控制、Map和Set

1.2 数组

Array可以包含任意的数据类型
var arr = [1,2,‘x’,4,53,“student”] ;
(1)长度 arr.length

注意:加入给 arr.length 赋值,数组大小就会发生变化,如果赋值过小,元素就会丢失
JavaScript——数据类型、流程控制、Map和Set
(2)通过元素获得下标索引 arr.indexOf()

JavaScript——数据类型、流程控制、Map和Set
(3)截取数组的一部分,返回一个新的数组 arr.slice()
类似substring(),含头不含尾

JavaScript——数据类型、流程控制、Map和Set
(4)push(), pop() 尾部
push: 压入到尾部
pop: 弹出尾部的一个元素
JavaScript——数据类型、流程控制、Map和Set
(5)unshift() , shift() 头部
unshift: 压入到头部
shift: 弹出头部的一个元素
JavaScript——数据类型、流程控制、Map和Set
(6)排序 sort()
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(7)元素反转 reverse()
JavaScript——数据类型、流程控制、Map和Set
(8)拼接 concat()
注意: concat()并没有修改数组,只是会返回一个新的数组
JavaScript——数据类型、流程控制、Map和Set
(9)连接符 join()
打印拼接数组,使用特定的字符串连接
JavaScript——数据类型、流程控制、Map和Set
(10)多维数组
JavaScript——数据类型、流程控制、Map和Set

1.3 对象

若干个键值对组成,所有的键都是字符串值是任意对象
JavaScript——数据类型、流程控制、Map和Set
Js中对象, {……} 表示一个对象, 键值对描述属性 xxxx:xxxx,多个属性之间使用逗号隔开,最后一个属性不加逗号。
(1)对象赋值
JavaScript——数据类型、流程控制、Map和Set
(2)使用一个不存在的对象属性,不会报错
JavaScript——数据类型、流程控制、Map和Set
(3)动态的删减属性
JavaScript——数据类型、流程控制、Map和Set
(4)动态的添加属性
JavaScript——数据类型、流程控制、Map和Set
(5)判断属性是否存在这个对象中
JavaScript——数据类型、流程控制、Map和Set
(6)判断一个属性是否是这个对象自身拥有的
JavaScript——数据类型、流程控制、Map和Set

2. 流程控制

(1)if 判断
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(2)while循环
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(3)for循环
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(4)forEach循环
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(5)for …in循环
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set

3. Map和Set

ES6 的新特性

(1)Map
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(2)Set:无序不重复集合
JavaScript——数据类型、流程控制、Map和Set

4. iterator

for …of (es6新特性) 可用来遍历Array、Map、Set
(1)遍历数组Array
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(2)遍历Map
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set
(3)遍历Set
JavaScript——数据类型、流程控制、Map和Set
JavaScript——数据类型、流程控制、Map和Set