js高级栈和堆数据类型知识点回顾

最新推荐文章于 2024-09-21 09:29:16 发布

流川枫不风流

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量109

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/YasWestmere/article/details/128033948

版权

本文详细讲解了JavaScript中值类型（如数字、字符串）与引用类型（如数组、对象）的区别，强调栈与堆的数据存储方式，并通过实例演示了它们在赋值和修改时的行为。理解这些概念有助于提升对内存管理的理解和编程实践。

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

1. 数据类型:值类型与引用类型

<script>
    /* 
    1. 变量只能操作栈空间

    2.值类型：基本数据类型(字符串、数字、布尔、undefined、null)
      栈中存储数据, 赋值的时候"拷贝栈数据"。 修改拷贝后的数据对原数据 “没有影响”
    3.引用类型: 复杂数据类型(数组、函数、对象)
      栈中存储地址，堆中存储数据。 赋值的时候“拷贝栈地址”. 修改拷贝后的数据对原数据 “有影响”
    */


    // 1.值类型 
    let num1 = 10
    let num2 = num1//拷贝数据
    num2 = 100
    console.log(num1, num2)//10 100

    // 2.引用类型

    let arr1 = [10, 20, 30]
    let arr2 = arr1// 操作栈, 拷贝栈地址 (两个变量引用同一个堆)
    arr1[0] = 100// 修改堆数据
    console.log(arr1, arr2)// [100,20,30]  [100,20,30]

    // (1)先销毁arr2中存储的地址(支付宝解绑了)  (2)存入66
    
    arr2 = 66 
    console.log( arr1 )// [100,20,30]
    

    
    

    /* 细节:  变量在赋值的时候，要仔细观察拷贝的是栈地址，还是堆数据
    (1)拷贝地址 : 修改数据会对原数据“有影响”
    (2)拷贝数据 : 修改数据会对原数据“没有影响”
    */
    // 拷贝的是堆数据
    let num = arr1[0]
    num = 200
    console.log( arr1 )// [100,20,30]

    let obj = {
      name:'张三',
      age:20
    }

    let name = obj.name// 拷贝堆数据
    name = '李四'
    console.log( obj.name )//张三
    console.log(name); // 李四

  </script>

2.

1. str.indexOf('字符串') : 获取字符串首字符下标

应用 : 判断字符串在不在str中。如果在就会得到下标, 不在就会得到 -1

2. str.split('分隔符') : 切割字符串得到数组

应用 : 解析url中的参数

3. str.replace('要替换的字符','替换后的字符')

应用 : 替换和删除字符串

4. 大小写

应用：验证码不区分大小写

<script>
    let str = '武汉大前端87期'

    // 1. str.indexOf('字符串')  :  获取字符串首字符下标
    // 应用 :  判断字符串在不在str中。  如果在就会得到下标, 不在就会得到 -1
    console.log( str.indexOf('87') )//5
    console.log( str.indexOf('ikun') )//-1 
    console.log( str.indexOf('武大') )//-1

    // 2. str.split('分隔符') : 切割字符串得到数组
    // 应用 : 解析url中的参数
    let str1 = 'http://127.0.0.1:3000/abc?id=123'
    console.log( str1.split('=') )// ['http://127.0.0.1:3000/abc?id', '123']
    console.log( str1.split('=')[1] )// 123
    console.log( str1.split('/') )// ['http:', '', '127.0.0.1:3000', 'abc']

    // 3. str.replace('要替换的字符','替换后的字符')
    // 应用 : 替换 和 删除字符串
    console.log( str.replace('武汉','黄陂') )
    console.log( str.replace('武汉','') )// 删除字符,替换为空

    // 4. 大小写
    // 应用 ： 验证码不区分大小写
    console.log( 'sdHFGsfds'.toLocaleLowerCase() )//sdhfgsfds
    console.log( 'sdHFGsfds'.toLocaleUpperCase() )//SDHFGSFDS

  </script>