2.0 es6中forEach以及數組操作

前言:

  小白的js之路......

?

1. 遍歷數組/集合 forEach

usernameArray = [];
//遍歷
users.forEach((user, index) => {let username = user.name;//取出用戶名添加到數組usernameArray[index] = username;
})

2. 數組過濾filter()和查找find()

let arr = s.filter( x => {return x == 'b'
})
console.log(arr) //["b", "b"]// find只會返回匹配到的第一個值
let a = s.find( x => {return x == 'b'
})
console.log(a) //b

3.? 將數組轉為一個字符串join()

join() 方法用于把數組中的所有元素轉換一個字符串,?元素是通過指定的分隔符進行分隔的。

let arr = ['','','']let str = arr.join() //默認使用逗號分隔
console.log(str) //劉,亦,菲let str1 = arr.join('');
console.log(str1) //劉亦菲

4. 采用set()去重數組元素

let nameStr = '劉亦菲,古力娜扎'
let arr = ['王菲','唐嫣','劉亦菲']
console.log(new Set(nameStr.split(',').concat(arr))); //Set(4)?{"劉亦菲", "古力娜扎", "王菲", "唐嫣"}
console.log(...new Set(nameStr.split(',').concat(arr))); //劉亦菲 古力娜扎 王菲 唐嫣
console.log([...new Set(nameStr.split(',').concat(arr))]); //(4)?["劉亦菲", "古力娜扎", "王菲", "唐嫣"]//這句代碼的意思是將原始字符串nameStr和新的數組合并,然后通過set對象去重,在轉換為字符串
nameStr = [...new Set(nameStr.split(',').concat(arr))].join();
console.log(nameStr) //劉亦菲,古力娜扎,王菲,唐嫣

?5. 插入元素到指定位置 push()/unshift()/splice()

let myArray=[1,2,3];// 用push在數組后面插入元素
myArray.push(4,5);
console.log(myArray); // [1, 2, 3, 4, 5]// 用unshift在數組前面插入元素
myArray.unshift(6,7);
console.log(myArray); // [6, 7, 1, 2, 3, 4, 5]// 用splice在數組指定位置插入元素
myArray.splice(2,0,'腎虛少年');
console.log(myArray); // [6, 7, "腎虛少年", 1, 2, 3, 4, 5]

?

轉載于:https://www.cnblogs.com/shiyun32/p/11212008.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/248272.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/248272.shtml
英文地址,請注明出處:http://en.pswp.cn/news/248272.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

輸出GPLT

L1-023 輸出GPLT (20 分)給定一個長度不超過10000的、僅由英文字母構成的字符串。請將字符重新調整順序,按GPLTGPLT....這樣的順序輸出,并忽略其它字符。當然,四種字符(不區分大小寫)的個數不一定是一樣多的…

javaScript第六天(1)

JavaScript基礎 核心知識點 對象 4種創建對象的方式操作對象(取值,賦值) 今日學習目標 能夠使用對象方式保存數據能夠理解自定義構造函數如何創建對象能夠獲取對象中的值及給對象賦值 對象 思考: 如何通過js函數將人的信息輸…

Reversing-x64Elf-100

一道很簡單的小題 作為python小白這道題主要是學習了一點python知識...... 可以看出來 sub_4006FD 這個函數是用來判斷輸入密碼是否正確的 我們看一下它的偽代碼: signed __int64 __fastcall sub_4006FD(__int64 a1) {signed int i; // [rsp14h] [rbp-24h]const ch…

javaScript第六天(2)

07-javaScript基礎 ? 函數其他部分 arguments [掌握] arguments 作用? 解決當函數的形參個數不確定的時候,通過arguments獲取實參的值如何使用arguments 獲取用戶傳遞實參的值? arguments 在函數中就是用來保存實參信息的偽數組 (可以按照數組的方式去遍歷, 但是不能使用數…

論wpf的設備無關性 - 簡書

論wpf的設備無關性 - 簡書 原文:論wpf的設備無關性 - 簡書 WPF從發布之日起,一直將“分辨率無關(resolution independence)”作為其亮點,聲稱使用WPF制作的用戶界面在輕巧的Ultra-Mobile PC的屏幕上和在50英寸的電視機上都能很好地顯示。微軟之所以稱WPF…

暑期學習總結6

本周書面學習時間大概6小時,代碼上5小時,java的基礎知識已經基本都學過一遍了,剩下的就是要鞏固,進行了一些實例操作,過程還算滿意,類的運用已經掌握了很多,現在已經習慣了java的類定義方法&…

javaScript第七天(1)

JavaScript基礎 核心知識點 Math對象中的方法數組對象中的方法字符串中的方法 今日學習目標 能夠掌握Math對象中的相關方法能夠掌握數組對象中的push方法能夠掌握操作字符串的方法 內置對象介紹 ? JavaScript組成: ECMAScript | DOM | BOM ? ECMA…

ISLR學習筆記(2)線性回歸

第三章 幾種常見的線性模型 1、簡單線性回歸 Y≈β0β1X 2、多元線性回歸 Y≈β0β1X1β2X2... 3、擴展線性回歸 Y≈β0β1X1β2X2β3X1X1 克服了多元線性模型 X1X1 與 X2X2 不協同作用的假設。 4、多項式回歸 Y≈β0β1X1β2X12β3log(X1)β4√X4 轉載于:https://www.cnblog…

淺談Aho-Corasick automaton(AC自動機)

Aho-Corasick automaton是什么? 要學會AC自動機,我們必須知道什么是Trie,也就是字典樹。Trie樹,又稱單詞查找樹或鍵樹,是一種樹形結構,是一種哈希樹的變種。典型應用是用于統計和排序大量的字符串&#xff…

javaScript第七天(2)

javaScript基礎 ? 對象其他部分 [理解] 自定義構造函數創建對象[掌握] //繼續簡化 自定義構造函數 function People(uName, uAge) {this.uName uName;this.uAge uAge; } // 如何通過自定義構造函數創建對象? var zs new People(張三, 20); console.log(zs);注意事項: 自定…

數據挖掘、機器學習書籍推薦!!

強烈推薦:《機器學習》 (西瓜書) 入門讀物: 《深入淺出數據分析》 這書挺簡單的,基本的內容都涉及了,說得也比較清楚,最后談到了R是大加分。難易程度:非常易。 《啤酒與尿布》 通過案例來說事情&#xff0c…

樓蘭圖騰(權值線段樹)

在完成了分配任務之后,西部314來到了樓蘭古城的西部。 相傳很久以前這片土地上(比樓蘭古城還早)生活著兩個部落,一個部落崇拜尖刀(‘V’),一個部落崇拜鐵鍬(‘∧’),他們分別用V和∧的形狀來代表各自部落的圖騰。 西部314在樓蘭古…

js(Dom+Bom)第一天(1)

JavaScript-DOM(BOM)操作 核心知識 獲取頁面元素事件設置樣式 學習目標 能夠使用id名,標簽名等方式獲取頁面中元素能夠給標簽注冊點擊事件,并實現對應效果能夠給標簽通過js方式設置樣式 JavaScript組成 ECMASCRIPT (基礎語法) DOM(文檔對…

[HZNOI #koishi] Magic

[HZNOI #514] Magic 題意 給定一個 \(n\) 個點 \(m\) 條邊的有向圖, 每個點有兩個權值 \(a_i\) 和 \(b_i\), 可以以 \(b_i\) 的花費把第 \(i\) 個點的 \(a_i\) 變成 \(0\). 最后每個點 \(i\) 產生的花費為所有從 \(i\) 出發能通過一條有向邊直接到達的點 \(j\) 的 \(a_j\) 的 \…

同步與異步

同步: 做完一件事,再做另一件 煮好水,再拆泡面包裝 異步: 可以同時做好幾個任務 燒水,打開火之后,先去拆泡面包裝,等水開了,再停下拆包裝,去關掉火。。。。。 轉載于:htt…

js(Dom+Bom)第一天(2)

webAPI 00-復習 內置對象中的方法 01-JavaScript組成 知識點-ECMASCRIPT 重點回顧 存儲容器 變量數組對象 邏輯語法 分支語句循環語句switch語句 知識點-BOM 概念 Browser Object Model (瀏覽器器對象模型) 操作瀏覽器將瀏覽器看做是一個對象.作用 通過js操作瀏覽器中相…

mysql 主主復制的配置流程

1、先關閉B,把A的數據導出來,mysqldump -hlocalhost -uroot -p123456 --database ibprpu >ibprpu.sql2、關閉A,啟動B,進入mysql建立一個新的數據庫 create database ibprpu3、導入數據庫 mysql -hlocalhost -uroot -p123456 &l…

華為架構師8年經驗談:從單體架構到微服務的服務化演進之路

本次分享的技術大綱如下: 傳統應用開發面臨的挑戰服務化實踐服務化不是銀彈服務化架構的演進方向一 、傳統應用開發面臨的挑戰 挑戰1-- 研發成本高 主要體現在如下幾個方面: 代碼重復率高在實際項目分工時,開發都是各自負責幾個功能&#xff…

輪播圖制作(1)

輪播圖制作 <body><div><img src"img/1.jpg" class"imgs" alt""><a href"#" class"left"><</a> //此處的箭頭也可以用圖標做出來<a href"#" class"right">>…

StringUtils工具類的常用方法

StringUtils 方法的操作對象是 java.lang.String 類型的對象&#xff0c;是 JDK 提供的 String 類型操作方法的補充&#xff0c;并且是 null 安全的(即如果輸入參數 String 為 null 則不會拋出 NullPointerException &#xff0c;而是做了相應處理&#xff0c;例如&#xff0c…