-
数组
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> /** * 数组Array --- 类比成 Python中的列表 * 在JS中的数组没有脚标越界一说 * */ // 1. 数组的定义方式 var arr = new Array(10) // 只是一个整数 创建出来一个长度为10 的数组 但是数组中没有元素 console.log(arr) arr = new Array(10, 20) // 超过一个的数据 创建的是一个数组长度为数据个数的 元素内容为数据的数组 console.log(arr) // 字面量 直接列出 arr = [12, 30, 40, 60] console.log(arr) // 2.获取数组的长度 // 这个属性可读可写 var len = arr.length console.log(len) // 重新设置 数据或根据你设置的长度重新变化数组中的数据 // arr.length = 0 // 清空元素 // console.log(arr) arr.length = 10 console.log(arr) // 3. 获取数组中指定索引位置的元素 var value = arr[11] console.log(value) // 没有指定位置 不会报错的 只是返回undefined // 4. 遍历数组 for(var i = 0; i < arr.length; i++){ console.log(arr[i]) } // 5.常见的操作 // 1.在末尾追加元素 --- 可以添加多个 arr.push(true, "hello") console.log(arr) // 在开头添加 arr.unshift("head",false) console.log(arr) // 在指定位置添加 /** * 起始索引 * 删除元素的个数 添加(删除个数为0) 替换() 删除指定位置的元素(删除个数为1) * 新增元素的内容 可以有多个元素 每个元素之间使用逗号隔开即可 */ arr.splice(6, 0 ,66) console.log(arr) // 移除元素 // 移除尾部 只能移除一个 arr.pop() console.log(arr) // 移除头部 只能移除1个 arr.shift() console.log(arr) // 移除指定位置 arr.splice(7, 1) console.log(arr) // 修改指定位置的元素 arr[6] = 77 console.log(arr) //或者是 arr.splice(7,1,88) console.log(arr) // 以指定拼接符拼接数组中的元素 结果是一个字符串 var join_str = arr.join("-") console.log(join_str) // 翻转数据中的数据 arr.reverse() console.log(arr) // 对数组中的元素进行排序 arr = [17, 21, 19, 38, 29, 128] // arr.sort() // 默认是升序排序的 按照数据的相同位置的元素对比 进行排序的 类似于字符串的比较 // console.log(arr) //[128, 17, 19, 21, 29, 38] /** * 函数需要两个形参 * 函数需要返回值的 * 返回的是交换元素的状态 * * 这个函数给定的是交换数据的标准 */ arr.sort(function(ele1, ele2){ return ele1 - ele2 // ele1 > ele2 结果是大于零的会交换元素 // 否则不交换 }) console.log(arr) </script> </body> </html>
HTNL——JS—数组
最新推荐文章于 2023-04-22 14:25:52 发布