JavaScritp基础知识整理（四）-优快云博客

本文链接：https://blog.youkuaiyun.com/dimingda/article/details/120627852

本文主要介绍了JavaScript中的数组创建方法，包括new和数组字面量方式，并提供了冒泡排序的练习。此外，还详细讲解了函数的概念，强调了封装方法的重要性，以及在形参实参匹配中可能遇到的问题，如实参不足时形参如何处理。

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

1.数组
创建数组两种方式：new 和数组字面变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // ①创建数组两种方式
        var arr_1 = new Array();
        var arr_2 = [1, 2, 'hello', true];
        // 打印arr_2
        console.log(arr_2);
        // hello
        console.log(arr_2[3]);
        // 输出undefined
        console.log(arr_2[4]);
        for (var i = 0; i < arr_2.length; i++) {
            console.log(arr_2[i]);
        }

		// ②取最大
        var arr_3 = [1, 2, 3, 4, 5, 6];
        var max = 0;
        for (var i = 0; i < arr_3.length; i++) {
            if (arr_3[i] > max) {
                max = arr_3[i];
            }
        }
        alert(max)
        // ③操作数组
        var arr_4 = ['di', 'ming'];
        // 追加
        arr_4[2] = 'da';
        // 替换
        arr_4[0] = 'shuai';
        console.log(arr_4);
  		
  		// ④判断数组
        var arr_all = [1, 56, 234, 524, 242, 4234];
        var arr_remian = [];
		
        for (var i = 0; i < arr_all.length; i++) {
            if (arr_all[i] > 240) {
                // 新数组下标从0开始
                arr_remian[arr_remian.length] = arr_all[i];
            }
        }
        console.log(arr_remian);
		
	     // ⑤数组逆转
        var arr_5 = [1, 2, 3, 4, 5, 6, 7];
        var arr_reverse = [];
        for (var i = arr_5.length; i > 0; i--) {
            arr_reverse[arr_reverse.length] = arr_5[i-1];
        }
        console.log(arr_reverse);
    </script>
</head>
<body>
    
</body>
</html>

冒泡排序练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        // 两两相比较，谁前一位比后一位大进行交换。
        var aim = [2, 4, 23, 64, 13, 124, 32, 42, 32, 45, 6, 8];
        // 需要执行的趟数
        for (var j = 0; j < aim.length; j++) {
            // 比较次数
            for (var i = 0; i < aim.length - j; i++) {
                if (aim[i] > aim[i+1]) {
                    var temp = aim[i];
                    aim[i] = aim[i+1];
                    aim[i+1] = temp;
                }
            }
        }
        alert(aim)
    </script>
</head>
<body>
    
</body>

2.函数
主要为了封装一些方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 函数声明两种
        //1.
        function sayHi() {
            console.log('Hi');
        }
        sayHi();
        //2.函数表达式，为匿名幻术，无名字
        var sayHello = function(){};
        // 函数的参数
        //  function study(形参) {
        //}
        // study(实参)
        function study(subject) {
            console.log('我要学习' + subject);
        }
        study('数学');
        study('英语');
        
        // 函数返回值
        function back(test) {
            return test;
        }
        // 接收返回值
        // 无返回值为undefined
        var receive = back('你好');
        console.log(receive);
        console.log(back('大家好')) 

        // 接收参数arguments
        // 当我们不知道有多少实参时，可以用arguments来接收所有的实参
        function arr() {
            // arguments是伪数组，能够获取长度，遍历，但是不能调用数组的一些方法
            console.log(arguments);
        }
        arr(1, 2, 3, 4);
    </script>
</head>
<body>
    
</body>
</html>