JavaScript 数组Array存储方式及对象Object

合集 - web前端(29)

1.1-web前端 基础标签 、图片、超链接2023-09-192.2-web前端 音频、视频、表格、表单2023-09-193.3-web前端 css 网页样式语言，基础语言、盒子模型、浮动2023-09-194.5-web前端 定位position2023-09-195.6-web前端的特效 平面转换transfrom2023-09-196.7-web前端 空间转换，3D效果2023-09-197.8-web前端 动画 案例2023-09-198.9-web前端 flex弹性布局2023-09-199.10-JavaScript 点击事件 随机点名器2023-09-2010.11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示2023-09-2311.12-web前端轮播图案例 （小米商城）2023-09-2712.css字体样式2023-10-0813.css样式对单行和多行文本的隐藏2023-10-1014.css伪类和伪元素2023-10-1215.web前端html+css页面内容的六种隐藏方式2023-10-1616.JavaScript的基础语法和数据类型2023-10-26

17.JavaScript 数组Array存储方式及对象Object2023-10-27

18.JavaScript数据类型的转换2023-10-3019.JavaScript运算符及优先级2023-10-3120.JavaScript条件判断if 语句2023-11-0121.JavaScript for循环控制语句2023-11-0222.JavaScript 其他循环语句和跳转语句2023-11-0323.JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析2023-11-0424.JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例2023-11-0425.JavaScript Array对象（属性、方法） 留言板案例2023-11-0426.JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例2023-11-0727.JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历2023-11-1328.JavaScript事件 2023-11-1829.JavaScript BOM对象2023-11-18

收起

一、数组的存储

1、当声明一个变量时，var a = 111; 在后台计算机翻译时，var声明 a变量 所以此时会产生一个栈内存，变量 a 的初始值为undefined，然后 = 111 ； undefined消失，111的值被赋值给了a。如果多个变量赋值的话，栈内存的执行顺序是先进后出的顺序。也叫做压栈。栈内存属于基础数据类型，存入的是一个值。

 

2、当声明一个数组时，var arr = ['1','2','3']; 后台计算机是将arr的值以地址的形式存入在堆内存中，堆内存的可以随时取值，没有顺序，堆内存属于引用数据类型，存入的是一个地址

1、  2、

3、浅copy

<script>
        var a = 111;
        var arr = a;
        a = 100;
        var arr = ['1','2',a];
        console.log(arr);
</script>

此时a的值在栈内存中，同时也以地址的形式在堆内存的arr中，所以当a重新赋值时，arr数组的值也会改变

所以浅copy，copy的不是值，而是地址，其中一个值发生改变，另一个值也会随之改变

二、Object 对象

创建对象：

方法一：var 对象名称 = new Object();

方法二：var 对象名称 = {'键'：‘值’，'键'：‘值，'键'：‘值，'键'：‘值}；

    <script>
        //第一种创建方式
        var car = new Object();
        //属性
        car.color = 'black';
        car.band = 'hongqi';
        car.price = '20w';
        //方法
        car.run =  function(){
            console.log(this.band+'百公里5s');
        }
        car.stop = function(){
            console.log('停止');
        }
        //查看对象
        console.log(car);
        //查看属性
        console.log(car.color);
        //外部调用属性
        var name = 'band';
        console.log(car[name]);
        //调用方法
        car.run();


        //第二种创建方式 字面量形式
        var dog = {
            // 属性
            'name':'dahuang',
            'age':6,
            'gender':'nma',
            // 方法
            'eat':function(){
                console.log('吃饭');
            },
            'run':function(){
                console.log('跑');
            }
        }
        console.log(dog);
        //属性
        console.log(dog.name);
        //方法
        dog.run();
</script>

在调用属性及方法时，  . 的后面不能识别外部变量，当使用 [ ] 时，可以在中括号里添加变量即可调用。