JavaScript基础学习(二)数据类型

本文详细介绍了JavaScript中的数据类型,包括字符串、数组、对象、流程控制及Map和Set等。讲解了字符串的方法如Unicode和ASCII字符,数组的常用操作如indexOf、slice、push等,对象的属性增删查改,以及多种循环控制结构如for、forEach等。同时,还探讨了Map和Set的使用,如get、set、delete和迭代操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

3.数据类型

3.1 字符串

1

    <script>
        'use strict'
        console.log('a');
        console.log("b");
        console.log("c\'");
        console.log("m\nb");
        console.log("m\tb");
        //unicode字符 u####
        console.log("\u4e2d");
        //ascll字符
        console.log("\x41");
    </script>

在这里插入图片描述
2 多行字符串,模板字符串
用 ` ,esc键下面的键

        var words=
            `
        我
        回
        来
        了`;
        console.log(words);

        let name='小红';
        let age=9;
        let msg=`你好,我是${name},我${age}`;
        console.log(msg);

在这里插入图片描述
3.属性
在这里插入图片描述
4.方法
转化大小写
在这里插入图片描述
在这里插入图片描述
substring 包头不包尾
在这里插入图片描述

3.2 数组

1.可以包含任意数据类型
给arr.length 赋值,数组大小发生变化,赋值小了,元素会消失
在这里插入图片描述
2.数组的方法
(1) indexOf()
在这里插入图片描述
(2) slice()
截取数组的一部分,返回一个新数组
包头不包尾
在这里插入图片描述
(3)push():压入尾部
pop():从尾部弹出

在这里插入图片描述
(4)unshift(),shift() 头部压入与弹出
在这里插入图片描述
(5) sort()排序
在这里插入图片描述
(6) reverse() 元素反转
在这里插入图片描述
(7) concat()
并没有改变原来的数组
在这里插入图片描述
(8) join
在这里插入图片描述
3.多维数组
在这里插入图片描述
数组取值
在这里插入图片描述

3.3 对象

若干键值对

 var 对象 = {
            对象名: 对象值,
            对象名: 对象值,
            对象名: 对象值
        }
//        定义了一个person对象,它有4个属性
        var person = {
            name: "小明",
            age: 20,
            courses: ['js', 'java', 'python'],
            score: "优秀"
        }

(1)删除属性
在这里插入图片描述
(2)加属性
在这里插入图片描述
(3)属性是否在对象里

"age" in person
true
//继承
'toString' in person
true

(4)判断属性是否是自身拥有的hasOwnProperty

person
{age: 20, courses: Array(3), score: '优秀', contry: '中国'}
person.hasOwnProperty('toString')
false
person.hasOwnProperty('age')
true

3.4 流程控制

1.if判断
2.while(){} 与do{} while()

    <script>
        var i=10;
        while(i<20){
            i++;
            console.log(i);
        }
    </script>

在这里插入图片描述
3.for

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

在这里插入图片描述
4.forEach循环

    <script>
        var arr = [1, 2, 3, 45, 333, 7]
        arr.forEach(function (t) {
            console.log(t)
        })
    </script>

在这里插入图片描述
5 .for in

    <script>
        var arr = [1, 2, 3, 45, 333, 7]
        for(num in arr){
            console.log(arr[num]);
        }
    </script>

在这里插入图片描述
3.5 Map Set

Map

        'use strict'
        //学生与成绩
        // var name=['小红','小明','小强'];
        // var score=[66,88,99];
        var map=new Map([['小红',66],['小明',88],['小强',99]]);
        //通过key获得value
        var name=map.get('小红');
        map.set('admin','123456');//新增
        console.log(name);
        map.delete("小红");//删除

在这里插入图片描述
Set:无序不重复集合

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

在这里插入图片描述

3.6 iterator

        //使用for of进行迭代
        var arr=[2,3,'小明'];
        for(let x of arr){
            console.log(x);
        }

在这里插入图片描述

        var map=new Map([['小红',66],['小明',88],['小强',99]]);
        for (let x of map){
            console.log(x);
        }

在这里插入图片描述

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

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值