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); // 输出每个元素的值  
});
相关推荐
挽淚4 分钟前
JavaScript 数组详解:从入门到精通
javascript
言兴5 分钟前
教你如何理解useContext加上useReducer
前端·javascript·面试
sunbyte8 分钟前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | GoodCheapFast(Good - Cheap - Fast三选二开关)
前端·javascript·css·vue.js·tailwindcss
南篱16 分钟前
JavaScript 中的 this 关键字:从迷惑到精通
javascript
coding随想43 分钟前
掌控网页的魔法之书:JavaScript DOM的奇幻之旅
开发语言·javascript·ecmascript
然我1 小时前
不用 Redux 也能全局状态管理?看我用 useReducer+Context 搞个 Todo 应用
前端·javascript·react.js
前端小巷子1 小时前
Web 实时通信:从短轮询到 WebSocket
前端·javascript·面试
DanB242 小时前
html复习
javascript·microsoft·html
呼啦啦呼啦啦啦啦啦啦8 小时前
利用pdfjs实现的pdf预览简单demo(包含翻页功能)
android·javascript·pdf
前端 贾公子10 小时前
vue-cli 模式下安装 uni-ui
前端·javascript·windows