Javascript数组及类数组相关原理详解
编程学习 2021-07-04 14:07www.dzhlxh.cn编程入门
这篇文章主要介绍了Javascript数组及类数组相关原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
数组创建方式有两种
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
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。