JavaScript之引用類型篇

  1. Object
  • 字面量創(chuàng)建
let obj={
  name:zs,
  age:15
} 
  • new操作符
let obj=new Object();
obj.name='zs';
obj.age='15'
  1. Array
  • Array基本創(chuàng)建方式有兩種
    構造函數(shù) let list=new Array();
    若括號里面有值,如let list=new Array(20)趟济,則會創(chuàng)建length屬性為20的數(shù)組火架;
    也可以直接傳遞數(shù)組中要包含的項 如let list=new Array(‘zs’,'ls','ww');
    注:也可以省略new關鍵字
  • 第二種為字面量方法
    如:let arr=[]
  • 數(shù)組方法:
    push()
    含義:在數(shù)組末尾添加元素
    參數(shù):1~n (意思是可以添加多個值)
    返回值:數(shù)組長度
var arr = [1,2,3,4];
var result1 = arr.push(5);  //在數(shù)組末尾添加 5 棱烂;也可以是arr.push(5,6,7,8...)
console.log(result1);       //返回值為數(shù)組長度境输,5
console.log(arr);           //添加 5 后的原數(shù)組 [1,2,3,4,5]

pop( )
含義:刪除數(shù)組末尾的元素
參數(shù):無
返回值:刪除的元素

var arr = [1,2,3,4];
var result2 = arr.pop();  
console.log(result2);    //返回值為刪除的元素仪或,4
console.log(arr); //[1,2,3]

shift( )
含義:從數(shù)組中刪除首部元素
參數(shù):無
返回值:刪除的元素

var arr = [1,2,3,4]; 
var result3 = arr.shift();
console.log(result3);     //1
console.log(arr);//[2,3,4]

unshift( )
含義:在數(shù)組首部添加元素
參數(shù):1~n
返回值:數(shù)組長度

var arr = [1,2,3,4];
var result4 = arr.unshift('a');    //也可以是 arr.unshift('a','b','c'....)
console.log(result4);   //5
console.log(arr);//['a',1,2,3,4]

reverse()
含義:反轉(zhuǎn)(調(diào)換元素的位置)
參數(shù):無
返回值:反轉(zhuǎn)后的數(shù)組

let arr=[1,2,3,4];
let result5=arr.reverse();
console.log(result5) //[4,3,2,1]
console.log(arr) // [4,3,2,1]

sort()

let arr=[1,3,5,15]
arr.sort()//[1,15,3,5] 按照字符串排序 
function compare(a,b){
//升序排序
  return a-b
}
arr.sort(compare)//[1,3,5,15]  此處要注意的是回調(diào)函數(shù)compare不能帶()
arr.reverse()//再reverse可取降序排列 [15,5,3,1]

slice() (不對原數(shù)組進行修改)
含義:獲取子數(shù)組
參數(shù):1個參數(shù)幼东,表示提取子數(shù)組的開始位置臂容,直到結束
2個參數(shù),第一個表示開始位置根蟹,第二個表示結束位置(不包含結束位置)
返回值:子數(shù)組

1個參數(shù)
var arr = [1,2,3,4,5]
var result6 = arr.slice(1);   //獲取子數(shù)組策橘,從索引為1的位置開始,直到結束
console.log(arr); //原數(shù)組不變[1,2,3,4,5]
console.log(result6);       //返回值娜亿,子數(shù)組 [2,3,4,5]
2個參數(shù)
var arr = [1,2,3,4,5]
var result7 = arr.slice(1丽已,4);   //獲取子數(shù)組,從索引為1的位置開始买决,直到位置為4時結束沛婴,不包括4
console.log(arr);//[1,2,3,4,5]
console.log(result7); [2,3,4]

concat() 不影響原數(shù)組,返回一個新的數(shù)組

let arr=[2,3,4]
let result=arr.concat(5,[5,6])
console.log(result)// [2,3,4,5,5,6] 返回拼接后的新數(shù)組
cinsile.log(arr) //[2,3,4]  原數(shù)組不變

splice()
含義:切割,插入督赤,替換
參數(shù):begin, len, item1, item2, item3....
begin 開始操作的位置
len 刪除元素的個數(shù)
item 插入的值
返回值:返回刪除的元素組成的數(shù)組

var arr = [1,2,3,4,5,6];
var result = arr.splice(1,2,'a','b');  //從索引為1的位置開始嘁灯,刪除2位,再插入a躲舌,b
console.log(result);    // 返回值:返回刪除的元素組成的數(shù)組 [2,3]
console.log(arr);//[1,a,b,4,5,6]

indexOf() (從首部開始搜索)
lastindexOf() (從尾部開始搜索)
含義:查找元素的位置
參數(shù):一個參數(shù)時丑婿,表示元素
兩個參數(shù)時,第一個表示元素没卸,第二個表示開始搜索的位置
返回值:索引羹奉,如果找不到,則返回 -1

1個參數(shù)
var arr = [1,2,3,'a','b',4,5,6,'a'];
var result = arr.indexOf('a');     //從首部開始搜索约计,遇到 a 即停止搜索
console.log(result); // 3
2個參數(shù)
var arr = [1,2,3,'a','b',4,5,6,'a'];
var result = arr.indexOf('a',4);     //從索引為4的位置開始搜索诀拭,遇到 a 即停止搜索
console.log(result); //8

var arr = [1,2,3,'a','b',4,5,6,'a'];
var result = arr.indexOf(8);     //8不在數(shù)組中,返回-1
console.log(result); //-1

更多參考

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末煤蚌,一起剝皮案震驚了整個濱河市耕挨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尉桩,老刑警劉巖筒占,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜘犁,居然都是意外死亡翰苫,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進店門沽瘦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來革骨,“玉大人农尖,你說我怎么就攤上這事×颊埽” “怎么了盛卡?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長筑凫。 經(jīng)常有香客問我滑沧,道長,這世上最難降的妖魔是什么巍实? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任滓技,我火速辦了婚禮,結果婚禮上棚潦,老公的妹妹穿的比我還像新娘令漂。我一直安慰自己,他們只是感情好丸边,可當我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布叠必。 她就那樣靜靜地躺著,像睡著了一般妹窖。 火紅的嫁衣襯著肌膚如雪纬朝。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天骄呼,我揣著相機與錄音共苛,去河邊找鬼。 笑死蜓萄,一個胖子當著我的面吹牛隅茎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播绕德,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼患膛,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了耻蛇?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤胞此,失蹤者是張志新(化名)和其女友劉穎臣咖,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體漱牵,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡夺蛇,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了酣胀。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片刁赦。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡娶聘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出甚脉,到底是詐尸還是另有隱情丸升,我是刑警寧澤,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布牺氨,位于F島的核電站狡耻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏猴凹。R本人自食惡果不足惜夷狰,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望郊霎。 院中可真熱鬧沼头,春花似錦、人聲如沸书劝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽庄撮。三九已至背捌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間洞斯,已是汗流浹背毡庆。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留烙如,地道東北人么抗。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像亚铁,于是被迫代替她去往敵國和親蝇刀。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,209評論 0 3
  • 轉(zhuǎn)載:在開發(fā)中,數(shù)組的使用場景非常多然爆,平日中也涉及到很多數(shù)組的api/相關操作站粟,一直也沒有對這塊內(nèi)容進行一塊整理總...
    七色煙火閱讀 3,222評論 0 3
  • 官網(wǎng) 中文版本 好的網(wǎng)站 Content-type: text/htmlBASH Section: User ...
    不排版閱讀 4,383評論 0 5
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,237評論 0 4
  • 風浥云殘青浪小。 水面微晴,白羽飛來繞曾雕。 天闊海平春正好,不聞耳伴輕言語奴烙。 螺貝聽吟貪青鳥。 幾寸華年,莫作強歡笑...
    秦哪閱讀 437評論 0 1