這篇文章主要講解了如何使用JavaScript內(nèi)置對象中Array,內(nèi)容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
成都創(chuàng)新互聯(lián)公司主營雨花臺網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,雨花臺h5重慶小程序開發(fā)搭建,雨花臺網(wǎng)站營銷推廣歡迎雨花臺等地區(qū)企業(yè)咨詢
數(shù)組的創(chuàng)建方式:
1.字面量:
放置一個數(shù)值時,就是一個數(shù)據(jù)。
var arr = [6];
2.構(gòu)造函數(shù):
放置一個數(shù)據(jù)時,表示長度或數(shù)據(jù)的個數(shù),空表示undefined。
var arr = new Array(6);
建議:Array作為構(gòu)造函數(shù),行為很不一致。因此,不建議使用它生成新數(shù)組,直接使用數(shù)組字面量是更好的做法。
數(shù)組的操作:
1.push();
用于在數(shù)組的末端添加一個或多個元素,并返回添加新元素后的數(shù)組長度。
注意,該方法會改變原數(shù)組
var arr = [1,2,3]; console.log(arr.push("hello")); //4 console.log(arr); //[1,2,3,"hello"]---原數(shù)組改變 console.log(arr.push("a","b")); //6 console.log(arr); //[1,2,3,"hello","a","b"]---原數(shù)組改變
2.pop();
用于刪除數(shù)組的最后一個元素,并返回該元素。對空數(shù)組使用pop方法,不會報錯,而是返回undefined。
注意,該方法會改變原數(shù)組
var arr = [1,2,3]; console.log(arr.pop()); //3 console.log(arr); //[1,2] →原數(shù)組改變
3.concat();
合并數(shù)組。
注意,該方法不會改變原數(shù)組
var arr1 = [1,2,3] var arr2 = arr1.concat(); console.log(arr1); //[1,2,3]→→原數(shù)組 console.log(arr1 === arr2); //false console.log(arr2); //[1,2,3]→→原數(shù)組的副本 console.log(arr1.concat("hello","world")); //[1,2,3,"hello","world"] console.log(arr1.concat(["a","b"],[[3,4],{"name":"admin"}])); //[1,2,3,"a","b",[3,4],{"name":"admin"}] console.log(arr1); //[1,2,3]→→原數(shù)組未改變
4.shift();
用于刪除數(shù)組的第一個元素,并返回該元素。
注意,該方法會改變原數(shù)組
var arr = [1,2,3] console.log(arr.shift()); //1 console.log(arr); //[2,3]→→原數(shù)組改變
5.unshift();
用于在數(shù)組的第一個位置添加元素,并返回添加新元素后的數(shù)組長度。
注意,該方法會改變原數(shù)組
var arr = [1,2,3]; console.log(arr.unshift("hello")); //4 console.log(arr); //["hello",1,2,3]→→原數(shù)組改變 console.log(arr.unshift("a","b")); //6 console.log(arr); //["a","b","hello",1,2,3]→→原數(shù)組改變
6.slice();
用于復制目標數(shù)組的一部分,返回一個新數(shù)組。
注意,該方法不會改變原數(shù)組。
如果slice方法的參數(shù)是負數(shù),則表示倒數(shù)計算的位置;如果第一個參數(shù)大于等于數(shù)組長度,或者第二個參數(shù)小于第一個參數(shù),則返回空數(shù)組。
var arr = ["a","b","c","d","e"]; console.log(arr.slice(1,3)); //["b","c"] console.log(arr.slice(1)); //["b","c","d","e"] console.log(arr.slice(-4,-1)); //["b","c","d"] console.log(arr.slice(-2)); //["d","e"] console.log(arr.slice(1,-2)); //["b","c"] console.log(arr); //["Tom","Jack","Lucy","Lily","May"]→→原數(shù)組未改變
7.splice();
用于刪除原數(shù)組的一部分成員,并可以在刪除的位置添加新的數(shù)組成員,返回值是被刪除的元素。
注意,該方法會改變原數(shù)組。
起始位置如果是負數(shù),則表示從倒數(shù)位置開始刪除。
①不傳參時:無操作;
var arr = ["a","b","c","d","e"]; console.log(arr.splice()); //[] console.log(arr); //["a","b","c","d","e"]→→無操作
②只傳入start:表示從索引為start的數(shù)據(jù)開始刪除,直到數(shù)組結(jié)束;
var arr = ["a","b","c","d","e"]; console.log(arr.splice(2)); //["c", "d", "e"] console.log(arr); //["a", "b"]→→原數(shù)組改變
③傳入start和num:表示從索引為start的數(shù)據(jù)開始刪除,刪除num個;
var arr = ["a","b","c","d","e"]; console.log(arr.splice(2,2)); //["c", "d"] console.log(arr); //["a", "b", "e"]→→原數(shù)組改變
④傳入更多:表示從索引為start的數(shù)據(jù)開始刪除,刪除num個,并將第三個參數(shù)及后面所有參數(shù),插入到start的位置;
var arr = ["a","b","c","d","e"]; console.log(arr.splice(2,2,"f","g")); //["c", "d"] console.log(arr); //["a", "c", "f", "g", "e"]---原數(shù)組改變
8.reverse();
用于顛倒排列數(shù)組元素,返回改變后的數(shù)組(還是原數(shù)組)。
注意,該方法將改變原數(shù)組
var arr = [a,b,c]; console.log(arr.reverse()); //[c,b,a] console.log(arr); //[c,b,a]→→原數(shù)組改變
9.sort();
對數(shù)組成員進行排序,默認是按照字典順序排序。排序后,原數(shù)組將被改變;
注意:sort方法不是按照大小排序,而是按照字典順序。也就是說,數(shù)值會被先轉(zhuǎn)成字符串,再按照字典順序進行比較,例如:121排在13的前面;如果想讓sort方法按照自定義方式排序,可以傳入一個函數(shù)作為參數(shù)。
[10111,1101,111].sort(function(a,b){ return a - b; // 升序 // return b - a; // 降序 }) // [111,1101,10111]
10.join();
以指定參數(shù)作為分隔符,將所有數(shù)組成員連接為一個字符串返回。如果不提供參數(shù),默認用逗號分隔;
注意, 該方法不會改變原數(shù)組;
如果數(shù)組成員是undefined或null或空位,會被轉(zhuǎn)成空字符串。
var arr = [a,b,c]; console.log(arr.join()); // a,b,c console.log(arr.join("*")); // a*b*c console.log(arr); //[1,2,3]→→原數(shù)組未改變
11.for- in();
遍歷語句,類似于循環(huán),但for-in可以遍歷沒有索引的集合,也被成為枚舉。
補充:
push和pop結(jié)合使用,就構(gòu)成了“后進先出”的棧結(jié)構(gòu)(stack);
push和shift結(jié)合使用,就構(gòu)成了“先進先出”的隊列結(jié)構(gòu)(queue)。
實例
看完上述內(nèi)容,是不是對如何使用JavaScript內(nèi)置對象中Array有進一步的了解,如果還想學習更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。