极乐门资源网 Design By www.ioogu.com
数组创建方式有两种
1. var arr = []
2. var arr = new Array()
如果只有一个参数会指定数组的长度,当一个参数时只能是整形,如下例子
var arr = new Array(10)
var arr = new Array(10.2) //会报错
var arr = new Array(1, 2, 3) //arr = [1, 2, 3]
数组常用方法
改变原数组 push pop shift unshift sort reverse splice
不改变原数组 concat join ---> split toString slice
比如 push 函数,看一下例子
var arr = [1, 2, 3] arr.push(4, 5) //arr = [1, 2, 3, 4, 5] 向数组最后一位添加元素,参数可以多个 //实现原理 Array.prototype.push = function() { for(var i = 0; i < arguments.length; i++) { this[this.length] = arguments[i] } }
其中函数功能,如下
arr.pop() //arr = [1, 2, 3, 4] 删除数组最后一位 arr.unshift(-1, 0) //arr = [-1, 0, 1, 2, 3, 4] 向数组最前面一位添加元素, 参数也可以多个 arr.shift() //arr = [0, 1, 2, 3, 4] 删除数组最前面一位 arr.reverse() //arr = [4, 3, 2, 1, 0] 数组取反,倒序 arr.splice(0, 3, 2, 2) //arr = [2, 2, 1, 0] 参数1(可以为负数, 从倒数第几位起),从第参数1位开始,参数2,删除参数2位, 参数3后面的, 从删除处添加参数3及后面的参数数据 arr.sort(function(a, b) { //排序 参数时一个函数,函数参数1为数组前一个,参数2为数组后一个, 返回 小于0,前面数放前面 返回大于0,前面数放后面 返回0,不用动 return a > b //升序 // return a < b //降序 })
看以下例子是实现一个数组乱序
var arr = [1, 2, 3, 4, 5, 6, 7] arr.sort(function(a, b) { return Math.random() - 0.5 }) console.log(arr)
看一下例子是求一串字符串的字节数
function retBytes(str) { var num = str.length for(var i = 0; i < str.length; i++) { if(str.charCodeAt(i) > 255) num++ } return num }
再看以下例子
var arr = [1, 2, 3] console.log(arr.concat(4, 5)) console.log(arr.concat([4, 5])) //一样 ,拼接两个数组返回新的数组,不改变原数组 console.log(arr.toString()) //1, 2, 3 字符串化 console.log(arr.slice(0, 2)) //[1, 2] 参数1,从参数1截取, 参数2,截取到参数2位 console.log(arr.slice(1)) //从第1位开始截取到最后一位 console.log(arr.slice()) //不变, 但是用于将一个类数组截取为一个数组, 比如arguments console.log(arr.join(',')) //1,2,3 以参数1相连形成字符串 var str = '1,2,3' console.log(str.split(',')) //[1,2,3] 以参数1分割成数组,与join互逆 var arr = [str, str1, str2, str3] //多个str相连 散列 arr.join('')
类数组
例如arguments
看一个类数组的例子
var obj = { '0': 'a', '1': 'b', '2': 'c', 'length': 3, 'push': Array.prototype.push, 'splice': Array.prototype.splice } //属性要为索引(数字)属性,必须有length属性,最好有push方法
看一个类数组操作例子
var obj = { '2': 'a', '3': 'b', 'length': 2, 'push': Array.prototype.push } obj.push('c') //obj[obj.length] = 'c' -> 此时 属性'2'的值被覆盖为 'c', length变成3 obj.push('d') //obj[obj.length] = 'd' -> 此时 属性'3'的值被覆盖为 'd', length变成4 console.log(obj) //{2: 'c', 3: 'd', length: 4, push: Array.prototype.push}
类数组也能添加其他属性,如下
var obj = { '0': 'a', '1': 'b', '2': 'c', 'length': 3, 'push': Array.prototype.push, 'splice': Array.prototype.splice, 'name': 'lyj', 'age': 18 }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
javascript,类数组
极乐门资源网 Design By www.ioogu.com
极乐门资源网
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
极乐门资源网 Design By www.ioogu.com
暂无Javascript数组及类数组相关原理详解的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 潘安邦《思念精选集全纪录》5CD[WAV+CUE]
- 杨千嬅《千嬅新唱金牌金曲》金牌娱乐 [WAV+CUE][985M]
- 杨钰莹《依然情深》首版[WAV+CUE][1G]
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路:年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减:亲亲环节没了!
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]