JavaScript基础跟我学-day4

// 1. 获取数组元素 数组名[索引号] 索引号从0开始

2.2、获取数组元素

 // 6. 获取数组元素  格式 数组名[索引号]  索引号从 0开始 

        console.log(arr1);

        console.log(arr1[2]); 

        console.log(arr1[3]); 

        var arr2 = ['迪丽热巴', '古丽扎娜', '佟丽丫丫'];

        console.log(arr2[0]);

        console.log(arr2[1]);

        console.log(arr2[2]);

        console.log(arr2[3]); // 因为没有这个数组元素 所以输出的结果是 undefined

  

2.3、遍历数组元素

遍历数组就是将数组元素从头到尾访问一次。

 // 遍历数组：就是把数组的元素从头到尾访问一次

        var arr = ['red', 'green', 'blue'];

        for (var i = 0; i <= 3; i++) {

            console.log(arr[i]);

        }

        // 1. 因为我们的数组索引号从0开始 ，所以 i 必须从 0开始  i < 3

        // 2. 输出的时候 arr[i]  i 计数器当索引号来用

2.4、数组的长度

// 数组长度 数组名.length

        var arr = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维', 'pink'];

        for (var i = 0; i < 7; i++) {

            console.log(arr[i]);

        }

        console.log(arr.length);

2.5、给数组增加元素

// 1. 新增数组元素 修改length长度 

        var arr = ['red', 'green', 'blue'];

        console.log(arr.length);

        arr.length = 5; // 把我们数组的长度修改为了 5  里面应该有5个元素 

        console.log(arr);

        console.log(arr[3]); // undefined

        console.log(arr[4]); // undefined

        // 2. 新增数组元素 修改索引号 追加数组元素

        var arr1 = ['red', 'green', 'blue'];

        arr1[3] = 'pink';

        console.log(arr1);

        arr1[4] = 'hotpink';

        console.log(arr1);

        arr1[0] = 'yellow'; // 这里是替换原来的数组元素

        console.log(arr1);

        arr1 = '有点意思';

        console.log(arr1); // 不要直接给 数组名赋值 否则里面的数组元素都没有了

3、练习案例

---

3.1、数组翻转

  // 将数组 ['red', 'green', 'blue', 'pink', 'purple'] 的内容反过来存放

        var arr = ['red', 'green', 'blue', 'pink', 'purple', 'hotpink'];

        var newArr = [];

        for (var i = arr.length-1 ; i >= 0 ; i--) {

            newArr[newArr.length] = arr[i];

        }

        console.log(newArr);

3.2、数组冒泡排序

利用双重for循环，外层for循环控制对比的趟数，内层for循环控制每趟交换的次数。

//冒泡排序

        //var arr = [5, 4, 3, 2, 1];

        var arr = [4, 1, 2, 3, 5];

        for (var i = 0; i <= arr.length - 1; i++) { // 外层循环管趟数 

            for (var j = 0; j <= arr.length - i - 1; j++) { // 里面的循环管 每一趟的交换次数

                // 内部交换2个变量的值 前一个和后面一个数组元素相比较

                if (arr[j] < arr[j + 1]) {

                    var temp = arr[j];

                    arr[j] = arr[j + 1];

                    arr[j + 1] = temp;

                }

            }

        }

二、函数

===================================================================

1.函数的基本使用

---

函数的使用分为两步：声明函数和调用函数；

1.1、什么是函数

函数就是封装了一段可以被重复执行的代码块；

1.2、函数的声明方法

// function 函数名() {

        //     // 函数体

        // }

        function sayHi() {

            console.log('hi~~');



        }

1.3、函数的调用

 // 2. 调用函数

        // 函数名();

        sayHi();

        // 调用函数的时候千万不要忘记加小括号

2. 函数的参数

---

2.1 形参

在定义函数的时候，小括号里的值，类似于一个变量；

// 1. 函数可以重复相同的代码

        // function cook() {

        //     console.log('酸辣土豆丝');

        // }

        // cook();

        // cook();

        

        // 2. 我们可以利用函数的参数实现函数重复不同的代码

        // function 函数名(形参1,形参2...) { // 在声明函数的小括号里面是 形参 （形式上的参数）



        // }

        // 函数名(实参1,实参2...); // 在函数调用的小括号里面是实参（实际的参数）

        // 3. 形参和实参的执行过程

        function cook(aru) { // 形参是接受实参的  aru = '酸辣土豆丝' 形参类似于一个变量

            console.log(aru);



        }

        cook('酸辣土豆丝');

        cook('大肘子');

        // 4. 函数的参数可以有多个，也可以没有个数不限

2.2 实参

调用函数时小括号里的值；

3. 函数的返回值

---

3.1 return

我们函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名+() 通过return 实现的；

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
ExZiZ-1715486691892)]

[外链图片转存中…(img-Gyw1476H-1715486691893)]

[外链图片转存中…(img-dt2v1jJY-1715486691893)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！