JavaScript-数据类型

JavaScript-数据类型

基本语法：

定义变量：变量类型 变量名 = 变量值  

数据类型：

数值 文本 图形 音频 视频

Number:不区分小数和整数

字符串：'字符串' "字符串"

布尔值：true false

逻辑运算符：&& || ！

比较运算符：=，==（值相等类型可以不一样），===（值相等类型也必须一样）

数组：例： （var arr = [1,2,3,'a',true]）

对象：大括号例：（var son={}）

字符串类型：（不可变）

使用‘’或者""  转义字符\

    <script>
        //定义字符串
        var str = 'hello'
        //字符串长度
        console.log(str.length)
        //某个值
        console.log(str[0])
        //字符串大写
        console.log(str.toUpperCase())
        //字符串小写
        console.log(str.toLowerCase())
        //字符出现的第一个位置
        console.log(str.indexOf('e'))
        //截取字符串 包前不包后
        console.log(str.substring(1))
     </script>

数组类型：

<script>
        //定义字符串
        var arr = [1, 2, 3, 4, 5]
        //字符串长度
        console.log(arr.length)
        //通过元素获取索引位置
        console.log(arr.indexOf(1))
        //截取开始，结尾
        console.log(arr.slice(3))
        //头部添加元素
        console.log(arr.unshift('a'))
        //尾部添加元素
        console.log(arr.push(9))
        //弹出某个元素
        console.log(arr.pop(1))
        //弹出头部的一个元素
        console.log(arr.shift())
        //排序
        console.log(arr.sort())
        //元素反转
        console.log(arr.reverse())
        //添加数组元素，不会修改原数组
        console.log(arr.concat(['qwer']))
        //使用特定字符拼接数组元素、
        console.log(arr.join('-'))
    </script>

对象类型：

    <script>
        //创建对象
        var person = {
            name: "xiaobai",
            age: 21
        }
        //给对象属性赋值
        person.name = "xiaohei"
        //对象删除属性
        delete person.name
        //对象添加属性
        person.sex = "女"
        //判断xxx属性是否在xxx对象中
        sex in person
        //判断对象是否自身拥有该属性
        person.hasOwnProperty('name')
    </script>

流程控制：（与java里类似）

if判断

    <script>
        var age = 20
        if (age>10){
            alert('age>10')
        }
    </script>

while循环

    <script>
        var age = 10
        while (age < 20) {
            alert(age)
            age++
        }
    </script>

for循环 

    <script>
        for (let i = 0; i < 5; i++) {
            console.log(i)
        }
    </script>

数组循环

    <script>
        var age = [1, 2, 3, 4, 5, 6]
        age.forEach(function (value) {
            console.log(value)
        })
    </script>

Map和Set：

Map

    <script>
        //定义Map集合
        var map = new Map([['a',100],['b',101],['c',102]])
        //获取map键值对
        var name = map.get('a')
        //添加或修改
        map.set('d',104)
        //删除
        map.delete('a')
    </script>

Set（无序不重复）

    <script>
        //定义Set集合
        var set = new Set([1,1,2,3,4])
        //增加
        set.add('5')
        //删除
        set.delete('3')
        //输出包含
        console.log(set.has(1))
    </script>

iterable:

    <script>
        var arr = [1, 2, 3, 4, 5]
        for (var number of arr) {
            console.log(number)
        }
    </script>