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); // 输出每个元素的值  
});
相关推荐
昨天;明天。今天。3 小时前
案例-表白墙简单实现
前端·javascript·css
安冬的码畜日常3 小时前
【玩转 JS 函数式编程_006】2.2 小试牛刀:用函数式编程(FP)实现事件只触发一次
开发语言·前端·javascript·函数式编程·tdd·fp·jasmine
小御姐@stella4 小时前
Vue 之组件插槽Slot用法(组件间通信一种方式)
前端·javascript·vue.js
GISer_Jing4 小时前
【React】增量传输与渲染
前端·javascript·面试
GISer_Jing4 小时前
WebGL在低配置电脑的应用
javascript
万叶学编程7 小时前
Day02-JavaScript-Vue
前端·javascript·vue.js
天涯学馆9 小时前
Next.js与NextAuth:身份验证实践
前端·javascript·next.js
HEX9CF9 小时前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
ConardLi9 小时前
Chrome:新的滚动捕捉事件助你实现更丝滑的动画效果!
前端·javascript·浏览器