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 小时前
Webpack的基本功能有哪些
前端·javascript·vue.js
记得早睡~4 小时前
leetcode150-逆波兰表达式求值
javascript·算法·leetcode
庸俗今天不摸鱼5 小时前
Canvas进阶-4、边界检测(流光,鼠标拖尾)
开发语言·前端·javascript·计算机外设
[廾匸]6 小时前
cesium视频投影
javascript·无人机·cesium·cesium.js·视频投影
菲力蒲LY6 小时前
vue 手写分页
前端·javascript·vue.js
一丢丢@zml7 小时前
new 一个构造函数的过程以及手写 new
javascript·手写new
化作繁星8 小时前
React 高阶组件的优缺点
前端·javascript·react.js
zpjing~.~8 小时前
vue 父组件和子组件中v-model和props的使用和区别
前端·javascript·vue.js
FFF-X8 小时前
大屏自适应终极方案:基于比例缩放的完美适配实践(Vue3版)
javascript·html5
卓有成效的程序员8 小时前
为什么要用 const 和 let,而不是 var?
javascript