ES6 過濾

1、 filter()過濾數(shù)組

//過濾大于 1 的所有元素
let arr = [1,2,3,4,5,6];
let result = arr.filter((val) => {
  if(val > 1){
      return val;
  }
});
console.info(result) //得到[2,3,4,5,6]
filter不會(huì)改變?cè)紨?shù)組瞒御,會(huì)返回新的數(shù)組

2拱燃、 filter()遍歷數(shù)組

let arr = [1,2,3,4,5,6];
let result = arr.filter((item,i,arr) => {
   //console.info(item)  // 得到數(shù)組的每一個(gè)元素123456
   //console.info(i)  // 得到數(shù)組的索引
   console.info(arr)  // 得到數(shù)組本身
});

3腾仅、find()查找元素

let arr = [1,2,3,4,5,6];
let result = arr.find((val) => {
    if(val > 1){
        return val;
    }
});
console.info(result)  //2 
find()方法只返回第一個(gè)符合條件的元素临谱,后面的不會(huì)執(zhí)行璃俗,如果數(shù)組為空,則返回undefined

4悉默、findIndex() 查找索引

let arr = [1,2,3,4,5,6];
let result = arr.findIndex((val) => {
    if(val > 2){
        return val;
    }
});
console.info(result) //2   

findIndex()方法返回第一個(gè)符合條件元素的位置城豁,如果沒找到則返回 -1

5、Object.keys() 判斷對(duì)象是否為空對(duì)象

 let obj = {};
 if(Object.keys(obj).length === 0){
       alert(1)
 }

6抄课、Object.values()
方法返回的數(shù)組元素的值和單獨(dú)訪問對(duì)象屬性的值是一樣的唱星。數(shù)組元素的值在數(shù)組的順序,和使用 for-in 循環(huán)遍歷的結(jié)果一樣

var obj = { foo: "bar", baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

7跟磨、Object.Object.assign() 合并三個(gè)對(duì)象间聊,或者多個(gè)
注意:如果對(duì)象中屬性名有相同的會(huì)被覆蓋

  1. 不會(huì)改變?cè)紝?duì)象值
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign({},o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }

2.會(huì)改變?cè)贾?/p>

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1);  // { a: 1, b: 2, c: 3 }

注意:不改變?cè)贾担枰?Object.assign({},o1, o2, o3); 參數(shù)前面加一個(gè)空對(duì)象 {}抵拘,如果不加哎榴,則會(huì)改變?cè)紝?duì)象。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末僵蛛,一起剝皮案震驚了整個(gè)濱河市叹话,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌墩瞳,老刑警劉巖驼壶,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異喉酌,居然都是意外死亡热凹,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門泪电,熙熙樓的掌柜王于貴愁眉苦臉地迎上來般妙,“玉大人,你說我怎么就攤上這事相速〉欤” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵突诬,是天一觀的道長苫拍。 經(jīng)常有香客問我,道長旺隙,這世上最難降的妖魔是什么绒极? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮蔬捷,結(jié)果婚禮上垄提,老公的妹妹穿的比我還像新娘榔袋。我一直安慰自己,他們只是感情好铡俐,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布凰兑。 她就那樣靜靜地躺著,像睡著了一般审丘。 火紅的嫁衣襯著肌膚如雪吏够。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天备恤,我揣著相機(jī)與錄音,去河邊找鬼锦秒。 笑死露泊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的旅择。 我是一名探鬼主播惭笑,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼生真!你這毒婦竟也來了沉噩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤柱蟀,失蹤者是張志新(化名)和其女友劉穎川蒙,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體长已,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡畜眨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了术瓮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片康聂。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖胞四,靈堂內(nèi)的尸體忽然破棺而出恬汁,到底是詐尸還是另有隱情,我是刑警寧澤辜伟,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布氓侧,位于F島的核電站,受9級(jí)特大地震影響导狡,放射性物質(zhì)發(fā)生泄漏甘苍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一烘豌、第九天 我趴在偏房一處隱蔽的房頂上張望载庭。 院中可真熱鬧,春花似錦、人聲如沸囚聚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽顽铸。三九已至茁计,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谓松,已是汗流浹背星压。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鬼譬,地道東北人娜膘。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像优质,于是被迫代替她去往敵國和親竣贪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355

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

  • 三巩螃,字符串?dāng)U展 3.1 Unicode表示法 ES6 做出了改進(jìn)演怎,只要將碼點(diǎn)放入大括號(hào),就能正確解讀該字符避乏。有了這...
    eastbaby閱讀 1,534評(píng)論 0 8
  • js簡介 Js是一種基于事件和對(duì)象驅(qū)動(dòng)的解釋性爷耀、松散性的語言。 一切皆對(duì)象 javascript 布蘭登艾奇 ...
    塔庫納瑪哈哈閱讀 1,208評(píng)論 0 2
  • Step1:創(chuàng)建工程: Step2:在TARGETS中修改配置 Step3:創(chuàng)建或者導(dǎo)入要存封的文件 示例:在這里...
    你的小福蝶閱讀 282評(píng)論 0 0
  • 怎么調(diào)動(dòng)社群互動(dòng)性拍皮? 調(diào)動(dòng)大家互動(dòng)的積極性畏纲,這是一個(gè)系統(tǒng)工程,需要從社群結(jié)構(gòu)春缕,社群規(guī)則等方面來一起解決盗胀。很多人創(chuàng)建...
    運(yùn)營工匠閱讀 811評(píng)論 0 0