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

1. 数据类型

1.1 字符串

  • 正常字符串我们使用 单引号,或者双引号包裹
    (1)转义字符
    在这里插入图片描述
    (2) 多行字符串编写使用 ` (键盘上esc键下的引号)
    在这里插入图片描述
    (3) 模板字符串
    在这里插入图片描述
    (4) 字符串长度
    str.length

    在这里插入图片描述
    控制台输出
    在这里插入图片描述
    (5)字符串的可变性:不可变
    在这里插入图片描述
    (6)大小写转换
    注意: 这里是方法,不是属性了
    student.toUpperCase()
    student.toLowerCase()

    在这里插入图片描述
    (7)获取指定下标
    str.indexOf( )

    在这里插入图片描述
    (8)截取字符串
    str.substring(1) // 从第一个字符串截取到最后一个字符串
    str.substring(1,3) //[1,3) 含头不含尾
    在这里插入图片描述

1.2 数组

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

注意:加入给 arr.length 赋值,数组大小就会发生变化,如果赋值过小,元素就会丢失
在这里插入图片描述
(2)通过元素获得下标索引 arr.indexOf()

在这里插入图片描述
(3)截取数组的一部分,返回一个新的数组 arr.slice()
类似substring(),含头不含尾

在这里插入图片描述
(4)push(), pop() 尾部
push: 压入到尾部
pop: 弹出尾部的一个元素
在这里插入图片描述
(5)unshift() , shift() 头部
unshift: 压入到头部
shift: 弹出头部的一个元素
在这里插入图片描述
(6)排序 sort()
在这里插入图片描述
在这里插入图片描述
(7)元素反转 reverse()
在这里插入图片描述
(8)拼接 concat()
注意: concat()并没有修改数组,只是会返回一个新的数组
在这里插入图片描述
(9)连接符 join()
打印拼接数组,使用特定的字符串连接
在这里插入图片描述
(10)多维数组
在这里插入图片描述

1.3 对象

若干个键值对组成,所有的键都是字符串值是任意对象
在这里插入图片描述
Js中对象, {……} 表示一个对象, 键值对描述属性 xxxx:xxxx,多个属性之间使用逗号隔开,最后一个属性不加逗号。
(1)对象赋值
在这里插入图片描述
(2)使用一个不存在的对象属性,不会报错
在这里插入图片描述
(3)动态的删减属性
在这里插入图片描述
(4)动态的添加属性
在这里插入图片描述
(5)判断属性是否存在这个对象中
在这里插入图片描述
(6)判断一个属性是否是这个对象自身拥有的
在这里插入图片描述

2. 流程控制

(1)if 判断
在这里插入图片描述
在这里插入图片描述
(2)while循环
在这里插入图片描述
在这里插入图片描述
(3)for循环
在这里插入图片描述
在这里插入图片描述
(4)forEach循环
在这里插入图片描述
在这里插入图片描述
(5)for …in循环
在这里插入图片描述
在这里插入图片描述

3. Map和Set

ES6 的新特性

(1)Map
在这里插入图片描述
在这里插入图片描述
(2)Set:无序不重复集合
在这里插入图片描述

4. iterator

for …of (es6新特性) 可用来遍历Array、Map、Set
(1)遍历数组Array
在这里插入图片描述
在这里插入图片描述
(2)遍历Map
在这里插入图片描述
在这里插入图片描述
(3)遍历Set
在这里插入图片描述
在这里插入图片描述

发布了62 篇原创文章 · 获赞 2 · 访问量 2742

猜你喜欢

转载自blog.csdn.net/nzzynl95_/article/details/103907020