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); // 输出每个元素的值  
});
相关推荐
fruge1 分钟前
Vue 3 完全指南:响应式原理、组合式 API 与实战优化
javascript·vue.js·ecmascript
Aoda14 分钟前
从痛点到落地:PawHaven 的 Monorepo 架构设计
前端·javascript
幸运小圣15 分钟前
Set数据结构【ES6】
javascript·数据结构·es6
zxg_神说要有光24 分钟前
我好像找到了最适合我的生活状态
前端·javascript
爱上妖精的尾巴1 小时前
5-22 WPS JS宏reduce数组的归并迭代应用(实例:提取最大最小值的记录)
服务器·前端·javascript·笔记·wps·js宏
MyFreeIT3 小时前
Page光标focus在某个控件
前端·javascript·vue.js
通往曙光的路上3 小时前
day8_elementPlus
前端·javascript·vue.js
Jeffrey__Lin3 小时前
解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题
前端·javascript·elementui·vue·elementplus
Miketutu3 小时前
vxe-table编辑模式适配el-date-picker
javascript·vue.js·elementui
咖啡の猫3 小时前
Vue-MVVM 模型
前端·javascript·vue.js