1銆傝儗鏅粙缁峈obin锛屽墠绔疄涔犵敓锛岃繎鏈熸潵鍒癓eo閮ㄩ棬銆侺eo浣滀负楂樻墜锛岃鐪熷湴鍚慠obin浠嬬粛浜嗗叕鍙哥殑涓氬姟銆侀儴闂ㄥ伐浣滅瓑锛屼互鍙婂墠绔柊鎵嬪涔犲浘璋便€傛帴涓嬫潵锛孯obin寮€濮嬩簡涓烘湡涓€鍛ㄧ殑鎰夊揩瀛︿範~涓€鍛ㄥ悗锛孡eo缁橰obin甯冪疆浜嗕綔涓氾紝骞跺紑鍙戜簡銆愪汉鎵嶆悳绱笌閫夋嫈銆戦〉闈€傛晥鏋滃ぇ鑷村涓嬶細鐪熺殑涓嶉毦~鍑犲ぉ鍚庯紝Robin鐢ㄥス鍐欑殑浠ｇ爜缁橪eo鐪嬪ス鐨勪唬鐮侊紝鐙愮枒鍦伴棶锛氬ス鎶婅繖涓€滄暟缁勨€濊緭鍑哄埌鎺у埗鍙帮細Leo鐪嬩簡鐪嬩唬鐮侊細getUserList(){constmemberList=$('#MemberListli');memberList.map(item=>{console.log(item)});console.log(memberList);}Leo鍙堥棶锛歊obin涓€鑴哥枒鎯戯紝鐒跺悗Leo鍦ㄥ師鏉ョ殑浠ｇ爜涓姞浜嗕竴涓狝rray.from鏂规硶濡備笅锛歡etUserList(){constmemberList=Array.from($('#MemberListli'));memberList.map(item=>{console.log(item)})console.log(memberList)}鐒跺悗閲嶆柊鎵ц浠ｇ爜锛岃緭鍑虹粨鏋滃涓嬶細Leo杈撳嚭缁撴灉锛屼笌Robin瀵硅瘽锛歊obin鏈熷緟楂樻墜锛屾洿鏄绫绘暟缁勫璞″厖婊℃湡寰呫€?.绫绘暟缁勫璞′粙缁?.1姒傚康浠嬬粛鎵€璋撶被鏁扮粍瀵硅薄锛屽嵆鏍煎紡绫讳技浜庢暟缁勭粨鏋勶紝鍏锋湁闀垮害灞炴€э紝鍙互閫氳繃绱㈠紩璁块棶鎴栬缃叾涓殑鍏冪礌锛屼絾涓嶈兘浣跨敤鏁扮粍鐨勬柟娉曪紝鎵€浠ュ彲浠ュ綊绫讳负绫绘暟缁勫璞″璞°€備緥濡傪煂?constarrLike={0:'name',1:'age',2:'job',length:3}2.2鏅€氱被鏁扮粍瀵硅薄argumentsobject;functionf(){returnarguments;}f(1,2,3)//Arguments(3)[1,2,3,callee:茠,Symbol(Symbol.iterator):茠]NodeList锛堟瘮濡傜粨鏋渄ocument.getElementsByClassName('a');document.getElementsByTagName('img')//HTMLCollection(3)[img,img,img]typedArray(濡侷nt32Array);typedArray锛屽嵆鏈夌被鍨嬬殑鏁扮粍瀵硅薄鏄竴涓暟缁?likeobject鎻愪緵浜嗕竴绉嶈闂師濮嬩簩杩涘埗鏁版嵁鐨勬満鍒躲€侸avaScript寮曟搸浼氬湪鍐呴儴鍋氫竴浜涗紭鍖栵紝浣垮緱瀵规暟缁勭殑鎿嶄綔鍙互寰堝揩銆備絾鏄殢鐫€Web搴旂敤瓒婃潵瓒婂己澶э紝灏ゅ叾鏄竴浜涙柊鍔犲叆鐨勫姛鑳芥瘮濡?闊抽鍜岃棰戠紪杈戯紝璁块棶WebSockets鐨勫師濮嬫暟鎹瓑銆傛樉鐒讹紝鏈夋椂JavaScript浠ｇ爜鍙互閫氳繃绫诲瀷鍖栨暟缁勫揩閫熻交鏉惧湴鎿嶄綔鍘熷浜岃繘鍒舵暟鎹€?銆奙DN 绫诲瀷鍖栨暟缁勩€媍onsttypedArray=newUint8Array([1,2,3,4])//Uint8Array(4)[1,2,3,4]鍙﹀锛屼娇鐢╦Query鑾峰彇鍏冪礌锛屼細琚玧Query鐗规畩澶勭悊鎴愪负init绫诲瀷锛?('img')//init(3)[img,img,img,prevObject:init(1),context:document,selector:"img"]褰撶劧涔熸湁涓€浜涗笉甯哥敤鐨勭被鏁扮粍瀵硅薄锛屾瘮濡傗€淪torageAPI杩斿洖鐨勭粨鏋溾€濓紝姝ゅ鏈垪鍑恒€?銆佺被鏁扮粍瀵硅薄鐨勫睘鎬т笅闈互Robin浠ｇ爜涓轰緥锛屼粙缁嶇被鏁扮粍瀵硅薄鐨勫睘鎬э細constmemberList=$('#MemberListli');3.1璇诲啓//璇诲彇memberList[0];//鑺傜偣:
...//鍐欏叆memberList[0]=document.createElement("div")memberList[0];//鑺傜偣:
...
3.2闀垮害memberList.length;//103.3閬嶅巻for(leti=0;i
...Node:......鎬诲叡10涓紝鐪佺暐鍏朵粬*/memberList.map(item=>console.log(item));/*鎬诲叡0...10涓紝鐪佺暐鍏朵粬*/浣嗘槸濡傛灉HTMLCollection涓嶈兘浣跨敤map:constimg=document.getElementsByTagName("img");img.map(item=>console.log(item));//UncaughtTypeError:img.mapisnotafunction4.ClassarrayObjectprocessingLeo鏌ョ湅浜哛obin澶勭悊杩欎釜鍒楄〃鐨勪唬鐮侊細getUserList(){constmemberList=$('#MemberListli');甯搁噺缁撴灉={鏂囨湰:[],dom:[],};memberList.map(item=>{item=memberList[item]//鍒ゆ柇褰撳墠鑺傜偣鏄惁鏈夊嬀閫夌被鍚峿)console.log(result)this.showToast(`selectedmember:${result.text}`);}鏄剧劧锛孯obin骞舵病鏈夊jQuery鑾峰彇鍒扮殑memberList杩涜澶勭悊锛岃€屾槸鐩存帴浣跨敤锛岄€氳繃绱㈠紩鑾峰彇瀵瑰簲鐨勫€笺€傞噷濂ョ户缁粰缃楀浠嬬粛锛?.1闃垫硶銆俧rom浣跨敤Array.from灏嗙被鏁扮粍瀵硅薄杞崲涓烘暟缁勫璞°€傛搷浣滃緢绠€鍗曪細getUserList(){constmemberList=Array.from($('#MemberListli'));//鐪佺暐鍏朵粬浠ｇ爜}璇硶濡備笅锛欰rray.from(arrayLike[,mapFn[,thisArg]])鍙傛暟锛歛rrayLike瑕佽浆鎹负鏁扮粍鐨勪吉鏁扮粍瀵硅薄鎴栧彲杩唬瀵硅薄銆俶apFn鍙€夊鏋滄寚瀹氾紝灏嗕负鏂版暟缁勪腑鐨勬瘡涓厓绱犳墽琛屽洖璋冨嚱鏁般€倀hisArgOptional鍙€夊弬鏁帮紝鎵ц鍥炶皟鍑芥暟mapFn鏃剁殑this瀵硅薄銆傝繑鍥炲€硷細涓€涓柊鐨勬暟缁勫疄渚嬨€傚叧浜嶢rray.from鐨勬洿澶氫粙缁嶏紝璇峰弬鑰冩枃妗ｃ€?.2Array.prototype.slice.call()slice()鏂规硶杩斿洖涓€涓柊鐨勬暟缁勫璞★紝瀹冩槸鐢眀egin鍜宔nd锛堝寘鎷琤egin锛屼笉鍖呮嫭end锛夌‘瀹氱殑鍘熷鏁扮粍鐨勬祬鎷疯礉銆傚師鏁扮粍涓嶄細鏀瑰彉銆傚疄鐜颁唬鐮侊細getUserList(){constmemberList=Array.prototype.slice.call($('#MemberListli'));//鐪佺暐鍏朵粬浠ｇ爜}鍏充簬Array.prototype.slice鐨勬洿澶氫粙缁嶏紝璇峰弬鑰冩枃妗ｃ€?.3ES6鎵╁睍杩愮畻绗︽墿灞曡娉曪紙Spreadsyntax锛夛紝鍑芥暟璋冪敤/鏁扮粍鏋勯€犳椂锛屽彲浠ュ湪璇硶灞傞潰鎵╁睍鏁扮粍琛ㄨ揪寮忔垨瀛楃涓诧紱鏋勯€犲瓧闈㈤噺瀵硅薄鐨勬柟寮忔墿灞曟椂锛屼篃鍙互浣跨敤鏍规嵁key-value鐨勫璞¤〃杈惧紡銆傚疄鐜颁唬鐮侊細getUserList(){constmemberList=[...document.getElementsByTagName("li")];//鐪佺暐鍏朵粬浠ｇ爜}鏇村ES6鎵╁睍鎿嶄綔绗︼紝璇峰弬鑰冩枃妗ｃ€?.4浣跨敤concat+applygetUserList(){constmemberList=Array.prototype.concat.apply([],$('#MemberListli'));//鐪佺暐鍏朵粬浠ｇ爜}浜斻€佹渚嬫€荤粨Leo浠嬬粛浜嗚繖浜涚煡璇嗗悗锛孯obin涔熶紭鍖栦簡鑷繁鐨勪唬鐮併€傜被鏁扮粍瀵硅薄鎿嶄綔鐩稿叧鐨勬牳蹇僯s浠ｇ爜濡備笅锛歝lassSelectMember{constructor(){this.MockUsers=window.MockUsers;杩欎釜銆傚垵濮嬪寲锛堬級锛泒init(){this.initMemberList('#MemberList',this.MockUsers);this.initBindEvent();}//...鐪佺暐閮ㄥ垎浠ｇ爜锛屼繚鐣欐牳蹇冧唬鐮乻ubmitSelect(){constmemberList=Array.from($('#MemberListli'));甯搁噺缁撴灉={鏂囨湰:[],dom:[],};memberList.map(item=>{consthasClass=$(item).children('.round-checkbox').children('span').hasClass(this.selectClassName);if(hasClass){缁撴灉.text.push($(item).children('.user-data').children('h4').text());result.dom.push(item);}})this.showToast(`Selectedmember:${缁撴灉.鏂囨湰}`);}}璁﹏ewMember=n鏂伴€夋嫨鎴愬憳锛堬級锛涙樉鐒讹紝浣跨敤姝ｇ‘鐨勬柟寮忔潵澶勭悊绫绘暟缁勫璞★紝涓嶄粎鍙互璁╂垜浠殑浠ｇ爜鏇村皯锛屽噺灏戣浆鎹㈠鐞嗭紝杩樺彲浠ユ彁楂樹唬鐮佽川閲忋€傛暣涓」鐩殑瀹屾暣浠ｇ爜鍙互鏌ョ湅鎴戠殑github锛歨ttps://github.com/pingan8787/Leo-JavaScript/blob/master/Cute-Demo/10.Learn-Array-Liked-Objects/index.html6.鎬荤粨鍦ㄨ繖绡囨枃绔犱腑锛屾垜浠缁嗕粙缁嶄簡瀹為檯寮€鍙戜腑鐨勪娇鐢紝瀵逛簬甯歌鐨勭被鏁扮粍瀵硅薄锛屾垜浠篃浠嬬粛浜嗗鐞嗘柟娉曪紝鍙互澶уぇ鍑忓皯鎴戜滑澶勭悊绫绘暟缁勫璞＄殑鎿嶄綔锛屽皢绫绘暟缁勮浆鎹㈡垚缁熶竴涓€涓暟缁勶紝鏇存柟渚挎暟鎹搷浣溿€傚笇鏈涘ぇ瀹剁湅瀹岃繖绡囨枃绔狅紝浠ュ悗閬囧埌绫讳技鏁扮粍鐨勫璞″氨涓嶄細涓€澶撮浘姘翠簡~~~
