色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

Javascript數組及類數組相關原理詳解

瀏覽:73日期:2023-10-10 08:40:57

數組創建方式有兩種

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.lengthfor(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()) //不變, 但是用于將一個類數組截取為一個數組, 比如argumentsconsole.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變成3obj.push(’d’) //obj[obj.length] = ’d’ -> 此時 屬性’3’的值被覆蓋為 ’d’, length變成4console.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
相關文章:
主站蜘蛛池模板: 亚洲精品视频区 | 成人久久18免费游戏网站 | 国产精品视频久久久 | 一级欧美一级日韩 | 欧美大片无尺码在线观看 | 欧美不卡视频在线观看 | 欧美一级毛片免费高清aa | 亚洲日本视频在线观看 | 国产成人精品福利站 | 日韩一级欧美一级一级国产 | 日本精品高清一区二区不卡 | 日本成人免费在线视频 | 午夜伦4480yy妇女久久久 | 欧美老妇免费做爰视频 | 亚洲精品久久一区二区无卡 | 黄色香蕉视频 | 国产精品免费视频能看 | 日本亚洲综合 | 国产一区亚洲二区 | 国产盗摄一区二区 | 涩涩国产精品福利在线观看 | 视频一区在线播放 | 韩国美女激情视频一区二区 | 日本亚洲国产 | 精品久久成人免费第三区 | 国产精品久久久精品视频 | 亚洲系列| 九九九九精品视频在线播放 | 91在线免费观看网站 | jizzjizz成熟丰满舒服 | 特黄特黄 | 一级毛片美国一级j毛片不卡 | 精品欧美小视频在线观看 | 成人丁香乱小说 | 殴美毛片| 久草资源网站 | 亚洲va精品中文字幕动漫 | 国产伦一区二区三区四区久久 | 大胆gogo999亚洲肉体艺术 | 欧美在线播放成人a | 美女操男人 |