数组基础，函数基础，arguments

Posted 2021-03-04 article-record

数组

new 关键字

var arr = new Array(1, 2);

字面量

var arr = [1, 2];

数组下标

var arr = [‘test‘, ‘yes‘, ‘no‘];
console.log(arr[0]); // 数组的下标是重零开始的；
console.log(arr[3]); // 如果超出了下标返回 undefined

遍历数组

var arr = [‘yellow‘, ‘red‘, ‘pink‘];
for (var i = 0; i < arr.length; i++) { // length 为总长度 并不是索引长度 所以要小于
    console.log(arr[i]);
}
// 案例：求数组中的最大值
var arr = [1, 2, 4, 0, 5, 12, -4];
var max = arr[0];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] > max) {
        max = arr[i];
    }
}
console.log(max);

新增数组元素

// length 长度修改
var arr = [‘red‘, ‘blue‘, ‘pink‘];
arr.length = 5;
console.log(arr[3]); // undefined;
// 修改索引号
var arr = [‘red‘, ‘blue‘, ‘pink‘];
arr[3] = ‘yellow‘;  // 如果索引号没有被占用追加，如果占用就是替换
console.log(arr[3]);

// 冒泡排序
var arr = [1, 0, 2, 5, 4, 3];
for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j < arr.length - i; j++) {
        if (arr[j] > arr[j + 1]) {
            var temp = arr[j];
            arr[j] = arr[j + 1];
            arr[j + 1] = temp;
        }
    }
}
console.log(arr);

函数

函数的声明调用

命名函数

// 声明函数
function 函数名() {
    // 函数体
}
// 调用函数
函数名();

函数表达式（匿名函数）

// fun 是变量名不是函数名
var fun = function () {
    // 函数体
}
fun();

函数的形参与实参

// 形参实参
function fun(形参1, 形参2) {
	// 函数体
}
fun(实参1, 实参2);
fun(实参1, 实参2, 实参3); // 如果实参大于形参个数，大于的个数不再参与运算
fun(实参1); // 如果实参小于形参，多余的形参为 undefined

函数的返回值

// 只要函数遇到 return 就会把后面的结果返回给函数调用者，函数名() = return 后面的结果
function getResult() {
    return ‘hello‘; // return 返回的结果是最后一个值，一般只返回一个值；
}
console.log(getResult()); // getResult() = ‘hello‘

function fn() {
    console.log(‘‘);
}
console.logg(fn()); // undefined; 如果函数没有 return 默认返回 undefined

break ，continue， return

• break：结束当前循环（for while）
• continue：跳出本次循环，执行下次循环‘
• return：不仅可以退出循环，还能够返回return语句中的值，同时还可以结束当前函数体内的代码；

arguments 的使用

当我们不确定有多少个参数传递的时候，可以使用 arguments 来获取，在 JS 中，arguments实际上它是当前函数的一个内置对象，所有函数都内置一个arguments对象，arguments对象中存储了传递的所有实参

function fn() {
    // 伪数组：这并不是一个真正的数组，对比数组而言它没有数组的一些方法，如 pop() ...
    console.log(arguments); // [1, 2, 3, 4, 5]
    for (var i = 0 ; i < arguments.length; i++) {
        console.log(arguments[i]);
    }
}
fn(1, 2, 3, 4, 5);