数组（Array）是有序的元素序列。 [1] 若将有限个类型相同的变量的集合命名，那么这个名称为数组名。组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按有序的形式组织起来的一种形式。 [1] 这些有序排列的同类数据元素的集合称为数组。
数组是用于储存多个相同类型数据的集合。
上面是基本的数组信息你了解吗
数组的基本语法
1 数组的创建方式
方式一
var arr2 = new Array("aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh");
var arr3 = ["打游戏", "打篮球", "听音乐", "睡觉", "王者荣耀"];
2 在控制台中打印数组
console.log(arr2) console.log(arr3)
3 数组的基本操作 增删改查
// 修改数组的元素
arr2[1] = "张三"; console.log((arr2))
// 在数组末尾增加
arr2.push("小坡破") delete(arr2[1]); console.log(arr2) console.log(arr2)
// 在数组中取值
console.log(arr2.pop())
// 在数组的首端增加元素
console.log(arr2.shift()) arr2.unshift("首位"); arr2.unshift("notone") console.log((arr2))
// 在数组的增加 删除、
// 在数组转入三个参数
arr3.splice("三个参数的使用" + 1, 0, "下拉") console.log(arr3)
var arr3 = ["打游戏", "打篮球", "听音乐", "睡觉", "王者荣耀"]; arr3.splice(2) console.log("控制台打印输出内容——————" + arr3) // 下标 为止 arr3.splice(3, 3) console.log("索引位置转入两个参数" + arr3)
// 在数组中 删除加替换
arr3.splice(1, 2, "sd", "rt") console.log(("替换加索引" + arr3)) arr3.length = 10 console.log(arr3)
// 清空数组的方法
arr3.length = 0
// 截取数组
var arr7 = new Array("aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh" console.log(arr7.slice(2, 3))
// 数组的合并内容
var arr8 = arr7.concat(["1", "2", "3", "5"]) console.log(arr8)
// 数组转为字符串
var arr9 = arr8.join("_") console.log(arr9)
//字符串转为数组的信息内容
var arr10 = arr9.split(",") console.log(arr10)
案例一:数组的基本操作与代码模块
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数组Array</title> <style type="text/css"> * { font-size: 30px; } </style> <!-- https://www.apiref.com/javascript-zh/Reference/Global_Objects/Array.htm --> <script type="text/javascript"> // 创建的数组 var arr2 = new Array("aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh"); console.log(arr2) var arr4 = new Array(); console.log(arr4) var arr1 = new Array(3); document.write(arr1.length) // 数组的遍历 var arr2 = new Array("我是数组一", "bb", "cc", "dd", "ee", "ff", "gg", "hh"); for (var i = 0; i < arr2.length; i++) { console.log(arr2[i] + " "); } // 修改 arr2[1] = "张三"; console.log((arr2)) // 在末尾增加 arr2.push("小坡破") delete(arr2[1]); console.log(arr2) console.log(arr2) // 取值 console.log(arr2.pop()) // 首端 console.log(arr2.shift()) arr2.unshift("首位"); arr2.unshift("notone") console.log((arr2)) // 在数组的增加 删除、 var arr3 = ["打游戏", "打篮球", "听音乐", "睡觉", "王者荣耀"]; arr3.splice(2) console.log("控制台打印输出内容——————" + arr3) // 下标 为止 arr3.splice(3, 3) console.log("索引位置转入两个参数" + arr3) // 三个参数 arr3.splice("三个参数的使用" + 1, 0, "下拉") console.log(arr3) // 删除加替换 arr3.splice(1, 2, "sd", "rt") console.log(("替换加索引" + arr3)) arr3.length = 10 console.log(arr3) // 清空数组的方法 arr3.length = 0 // 截取数组 var arr7 = new Array("aaa", "bbb", "ccc", "ddd", "eee", "fff", "ggg", "hhh"); console.log(arr7.slice(2, 3)) // 数组的合并内容 var arr8 = arr7.concat(["1", "2", "3", "5"]) console.log(arr8) // 数组转为字符串 var arr9 = arr8.join("_") console.log(arr9) var arr10 = arr9.split(",") console.log(arr10) arr7.forEach(function(item, index, arr) { console.log(item, index, arr) }) console.log(arr7) // 查找元素信息 var index = arr7.indexOf("bbb") var latsindex = arr7.lastIndexOf("ccc") console.log("查找元素的信息" + index) console.log("查找元素从后面开始的信息" + latsindex) // 判断元素是否存在、 var flag = arr7.includes("eee") console.log(flag) var numbers = [4, 2, 5, 1, 3]; numbers.sort(function(a, b) { return a - b; }); console.log(numbers); for (var i = 0; i < arr2.length; i++) { document.write(arr2[i] + " ") } document.write("<br />"); </script> <script> const array1 = [1, 30, 4, 21, 100000]; array1.sort(); console.log(array1); // 也可以写成： var numbers = [4, 2, 5, 1, 3]; numbers.sort((a, b) => a - b); console.log(numbers); </script> </head> <body> </body> </html>
