JavaScript(数组，函数)

原创已于 2025-08-10 16:16:47 修改 · 1.4k 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#算法

于 2025-06-17 19:45:00 首次发布

1、数组

1.1 数组的定义

JavaScript 中的数组是一种非常灵活且功能强大的数据结构，用于存储一系列的值

数组是一种可以存储多个值的集合，这些值可以是数字、字符串、对象，甚至是其他数组

数组的每个值都有一个对应的索引，索引从 0 开始

数组是一个非常强大的工具，掌握它的各种方法和特性可以帮助你高效地处理数据集合

1.2 创建数组

方式一：使用字面量 let arr = [1, 2, 3];

let arr = [1, 2, 3];

方式二：使用构造函数

let arr = new Array(1, 2, 3); // 常规写法
let emptyArr = new Array(5); // 创建长度为5的空数组

1.3 数组的常用方法

数组的中操作方法与列表的操作方法十分相似，在这里就不过多说了，给大家稍微演示一下使用的方式

let arr1 = [1, 2, 3, 4, 5]
// 增加元素
//     末尾添加：push()
arr1.push(6)
//     开头添加：unshift()
arr1.unshift(0)
//      指定位置添加
arr1.splice(3, 0, 20, 30)

// 删除元素
//     末尾删除：pop()
arr1.pop()
//     开头删除：shift()
arr1.shift()
//     指定位置删除：splice(index从哪个开始, count删除个数)
arr1.splice(2, 2)

// 修改元素
//     直接通过索引赋值修改
arr1[0] = 0

// 查找元素
//     根据索引查找：直接通过索引访问
//     查找是否存在：includes()
let n = arr1.includes(7)
console.log(n);

// 查找索引：indexOf() / lastIndexOf()
let m= arr1.indexOf(3)
console.log(m);

console.log(arr1);

当然，作者在学习的过程中练习到一个题目，在此分享给大家

数组小练：统计数组["A", "B", "C", "D", "G"， "B","E", "C","F", "C", "G"]中每个字母出现的次数

当作者看到这个题目的时候，立马就联想到了空盒子，这在统计计数循环中用的非常多。

所以我们需要通过循环一个个拿出数组中的元素，放在一个空盒子中，每一次循环都判断一下拿出的它是否已经存在于盒子中，不存在则加入，存在则计数加1

let arr = ["A", "B", "C", "D", "G", "B","E", "C","F", "C", "G"]

const counts = {};

for (let i = 0; i < arr.length; i++) {
  const letter = arr[i];
  if (counts[letter]) {
    counts[letter]++;
  } else {
    counts[letter] = 1;
  }
}

console.log(counts);

在此分析一下

arr 是一个包含字母的数组，数组中的元素是字符串，且可能包含重复的字母

counts 是一个空对象，用于存储每个字母的出现次数

在循环体中检查拿出的了lettr是否已经存在于counts中，

如果存在（即 counts[letter] 不为 undefined），则将该键对应的值加 1

如果不存在（即 counts[letter] 为 undefined），则在对象 counts 中为该键设置初始值为 1

2、函数

在 JavaScript 中，函数是一段可以重复使用的代码块，它用于执行特定的任务。函数可以提高代码的组织性和可复用性，是 JavaScript 编程中非常重要的组成部分

2.1 函数的定义

在javascript中，最常用的方法时使用 function 关键字定义一个函数

function functionName(param1, param2, ..., paramN) {
  // 函数体
}

// 举例
function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("World"); // 输出: Hello, World!

2.2 函数的参数

在python中的函数里，参数也是重要的一环，默认参数，不定长参数等等

这里我们介绍一下javaScript中的参数：

1、参数是函数内部与外部通信的桥梁

2、定义函数时声明的变量称为形参，调用函数时传入的具体值称为实参

3、参数可以是任意类型（如 number、string、object 等）

2.2.1 参数的分类

1、形参（Formal Parameters）定义函数时声明的变量，用于接收调用时传入的值。作用是作为函数内部的局部变量，用于处理逻辑

2、实参（Actual Parameters）调用函数时传入的具体值，可以是常量、变量、表达式或函数返回值。实参的值会被赋给对应的形参

3、特殊参数对象：arguments arguments 是一个类数组对象，包含函数调用时传入的所有实参。适用于不确定参数数量的场景

function sum(){
    console.log(arguments)
}
get_sum = sum(1,2,3,4,5)
console.log(get_sum)

4、默认参数（Default Parameters）为形参提供默认值，若未传入实参，则使用默认值

function sum1(a, b, c = 10) {
    console.log(
        `a:${a}, b:${b}, c:${c}`
    )
    return a + b + c;
}

5、剩余参数（Rest Parameters）使用 ... 将多个实参收集为一个数组

function sum2(a,b,...args) {
    console.log(arguments[0])
    console.log(arguments[1])
    console.log(args)
}
sum2(1, 2, 3, 4, 5)