JavaScript--内置对象 (2)

最新推荐文章于 2024-10-07 09:24:46 发布

cb++

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量168

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44768794/article/details/114482734

版权

本文介绍了JavaScript中的简单数据类型（如string, number, boolean等）与复杂数据类型（如对象）的区别，以及它们在内存中的分配方式。讲解了栈和堆的概念，并展示了如何进行字符串操作，如split()和toUpperCase()。此外，还通过示例解释了简单数据类型和复杂数据类型在函数传参时的行为差异。

摘要由CSDN通过智能技术生成

字符串转换为数组 split(‘分隔符’)

        var str1 = 'red,blue,pink';
        console.log(str1.split(','));
        var str2 = 'red&blue&pink';
        console.log(str2.split('&'));

在这里插入图片描述
转换大写 toUpperCase()
转换小写 toLowerCase()

示例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 给定一个字符串，如：'gfnvidshpvibbggg444343',问题如下
        // 1.字符串的长度
        // 2.取出指定位置的字符，如：0,3,5,9等

        // 4.替换指定的字符，如：g替换为22，vi替换为b等操作
        // 5.截取指定开始位置到结束位置的字符串，如：取得1-5的字符串
        // 6.找出以上字符串中出现次数最多的字符和出现的次数

        var str = 'gfnvidshpvibbggg444343';
        console.log('字符串的长度为：' + str.length);

        console.log('位置0的字符为：' + str.charAt(0));
        console.log('位置3的字符为：' + str.charAt(3));
        console.log('位置5的字符为：' + str.charAt(5));
        console.log('位置9的字符为：' + str.charAt(9));

        // 3.找出指定字符是否在以上字符串中存在，如：i,c,b等
        console.log(str.indexOf('i'));
        console.log(str.indexOf('c'));
        console.log(str.indexOf('b'));

        // 4.替换指定的字符，如：g替换为22，vi替换为b等操作
        var temp = 0;
        console.log('替换前的字符串为：' + str);

        while (str.indexOf('g') !== -1 || str.indexOf('vi') !== -1) {
            str = str.replace('g', '22');
            str = str.replace('vi', 'b');
        }
        console.log('替换后的字符串为：' + str);

        // 5.截取指定开始位置到结束位置的字符串，如：取得1-5的字符串
        console.log('1-5的字符：' + str.slice(0, 5));

        // 6.找出以上字符串中出现次数最多的字符和出现的次数
        var o = {};
        var temp = 0;
        for (var i = 0; i < str.length; i++) {
            var chars = str.charAt(i);    // 返回i位置上的字符
            if (o[chars]) {    // 如果o字符串中有chars字符
                o[chars]++;
            }
            else {
                o[chars] = 1;
            }
        }

        var max = 0;
        var ch = '';
        for (var k in o) {

            if (max < o[k]) {
                max = o[k];
                ch = k;
            }
        }
        console.log('出现最多的字符是：' + ch + '出现的次数为：' + max);


    </script>
</head>

<body>

</body>

</html>

在这里插入图片描述

3.数据类型

3.1 简单类型与复杂类型

简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。
■ 值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型
string，number，boolean，undefined，null

        // 简单数据类型 null 返回的是一个空的对象 object
        var timer = null;
        console.log(typeof timer);

如果有一变量打算存储为对象，暂时没想好作用，就给null

■ 引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型
通过new关键字创建的对象（系统对象、自定义对象，如Object、Array、Date等

堆和栈

堆栈空间分配区别：
1.栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈；
简单数据类型存放到栈里面
2.堆（操作系统）：存储复杂类型（对象），一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。
复杂数据类型存放到堆里面

注意： JavaScript中没有堆栈概念，通过堆栈的方式，可以让大家更容易理解代码的一些执行方式，便于学习

数据类型内存分配

■ 值类型（简单数据类型）：string，number，boolean，undefined，null
■ 值类型变量的数据直接存放在变量（栈空间）中

1.简单数据类型是存放在栈里面里面直接开辟一个空间存放的是值
2.复杂数据类型首先在栈里面存放地址（十六进制）然后这个地址指向堆里面的数据

简单数据类型传参

        // 简单类型传参
        function fn(a) {
            a++;
            console.log(a);
        }
        var x = 10;
        fn(x);
        console.log(x);

a变量和x变量在栈中指向不同的值
在这里插入图片描述

复杂数据类型传参

        // 复杂类型传参
        function Person(name) {
            this.name = name;
        }
        function f1(x) {
            console.log(x.name);
            x.name = '张学友';
            console.log(x.name);
        }
        var p = new Person('刘德华');
        console.log(p.name);
        f1(p);
        console.log(p.name);