JavaScript之数组

Javascript之数组

1)创建数组

可以使用数组字面量或构造函数来创建数组。

javascript 复制代码
// 数组字面量  
var arr = [1, 2, 3, 4, 5];  
  
// 构造函数  
var arr = new Array(1, 2, 3, 4, 5);

2)访问数组元素

可以使用索引来访问数组中的元素。

javascript 复制代码
var arr = [1, 2, 3, 4, 5];  
console.log(arr[0]); // 输出 1

3)修改数组元素

可以使用索引来修改数组中的元素。

javascript 复制代码
var arr = [1, 2, 3, 4, 5];  
arr[0] = 10; // 将第一个元素修改为10  
console.log(arr[0]); // 输出 10

4)添加元素

可以使用push()方法在数组末尾添加元素,或者使用unshift()方法在数组开头添加元素。

javascript 复制代码
var arr = [1, 2, 3];  
arr.push(4); // 在末尾添加元素4,现在数组为[1, 2, 3, 4]  
arr.unshift(0); // 在开头添加元素0,现在数组为[0, 1, 2, 3, 4]

5)删除元素

可以使用pop()方法删除数组末尾的元素,或者使用shift()方法删除数组开头的元素。

javascript 复制代码
var arr = [1, 2, 3, 4];  
arr.pop(); // 删除末尾的元素,现在数组为[1, 2, 3]  
arr.shift(); // 删除开头的元素,现在数组为[3]

6)遍历数组

可以使用循环或内置的forEach()方法遍历数组。

javascript 复制代码
var arr = [1, 2, 3, 4, 5];  
for (var i = 0; i < arr.length; i++) {  
  console.log(arr[i]); // 输出每个元素的值  
}  
arr.forEach(function(value) {  
  console.log(value); // 输出每个元素的值  
});
相关推荐
子兮曰6 小时前
OpenClaw架构揭秘:178k stars的个人AI助手如何用Gateway模式统一控制12+通讯频道
前端·javascript·github
百锦再6 小时前
Reactive编程入门:Project Reactor 深度指南
前端·javascript·python·react.js·django·前端框架·reactjs
百锦再6 小时前
React编程高级主题:测试代码
android·前端·javascript·react.js·前端框架·reactjs
颜酱8 小时前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
小迷糊的学习记录8 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜9 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛9 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大9 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT069 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
光影少年10 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js