溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關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
}以上就是Javascript數組及類數組的原理解析，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
