資訊專欄INFORMATION COLUMN
摘要：數(shù)組方法大家再熟悉不過了，卻忽略了數(shù)組有這個(gè)方法我個(gè)人感覺。輸出因?yàn)槭菙?shù)組的第個(gè)元素，匹配到并返回下標(biāo)。數(shù)組同樣有方法，只不過做類型判斷時(shí)，使用的嚴(yán)格相等，也就是。
本人微信公眾號(hào)：前端修煉之路，歡迎關(guān)注前言
這兩天在家中幫朋友做項(xiàng)目，項(xiàng)目中使用了數(shù)組的indexOf 方法，找到了一篇文章，感覺非常不錯(cuò)，順便整理下以防鏈接丟失。
相信說到 indexOf 大家并不陌生，判斷字符串是否包涵子字符串時(shí)特別常用，正則不熟練同學(xué)的利器。這篇文章就最近遇到的一個(gè)問題，用實(shí)例再說說說indexOf方法。本文是小知識(shí)點(diǎn)積累，不作為深入討論的話題，因此這里沒有解釋indexOf()的第二個(gè)參數(shù)，相信大家都知道第二個(gè)參數(shù)的作用。
String 類型的使用溫習(xí)一下大家熟知的字符串用法，舉個(gè)例子
let str = "orange";
str.indexOf("o"); //0
str.indexOf("n"); //3
str.indexOf("c"); //-1
這里 0 和 3 分別是 o 和 n 在字符串中出現(xiàn)的位置。起始下標(biāo)是 0。而 -1 代表未匹配。
曾經(jīng)有人問我為什么偏偏是 -1 不是 null 或者 undefined。你去問制定規(guī)則的人啊！一臉無奈。
大家看到這里感覺沒什么亮點(diǎn)啊，別急接著再來一個(gè)例子
let numStr = "2016";
numStr.indexOf("2"); //0
numStr.indexOf(2); //0
看到這里有個(gè)小點(diǎn)就是 indexOf 會(huì)做簡單的類型轉(zhuǎn)換，把數(shù)字轉(zhuǎn)換成字符串 "2" 然后再執(zhí)行。
Number 類型的使用大家可能會(huì)想 number 類型有沒有 indexOf 方法因?yàn)闀?huì)做隱式轉(zhuǎn)換嘛！明確告訴大家沒有，上例子
let num = 2016; num.indexOf(2); //Uncaught TypeError: num.indexOf is not a function
非要對(duì) number 類型使用 indexOf 方法嘞？那就轉(zhuǎn)換成字符串咯，接著上例來寫
//二逼青年的寫法
num = "2016";
num.indexOf(2); //0
//普通青年的寫法
num.toString().indexOf(2); //0
//文藝青年的寫法
("" + num).indexOf(2); //0
第一種寫法簡單直接，對(duì)于已知的較短的數(shù)字也不是不可行。但是 num 變量針對(duì)不同數(shù)據(jù)是變化的時(shí)候，怎么辦呢？
第二種寫法最為常用,但對(duì)比第三種寫法長了一點(diǎn)。哈哈，其實(shí)都可以，代碼潔癖的人喜歡第三種 √ 。
array 類型的使用大家提起精神，大boss來了。
數(shù)組方法大家再熟悉不過了，卻忽略了數(shù)組有 indexOf 這個(gè)方法（我個(gè)人感覺）。
干說不練瞎扯淡，遇到了什么問題，注意要點(diǎn)又在哪里？
let arr = ["orange", "2016", "2016"];
arr.indexOf("orange"); //0
arr.indexOf("o"); //-1
arr.indexOf("2016"); //1
arr.indexOf(2016); //-1
這里沒把例子拆的那么細(xì)，四個(gè)用例足以說明問題。
arr.indexOf(‘orange") 輸出 0 因?yàn)?‘orange" 是數(shù)組的第 0 個(gè)元素，匹配到并返回下標(biāo)。
arr.indexOf(‘o") 輸出 -1 因?yàn)榇朔椒ú粫?huì)在每一個(gè)元素的基礎(chǔ)上再次執(zhí)行 indexOf 匹配。
arr.indexOf(‘2016") 輸出 1 因?yàn)榇朔椒◤念^匹配直到匹配到時(shí)返回第一個(gè)數(shù)組元素的下表，而不是返回全部匹配的下標(biāo)。
arr.indexOf(2016) 輸出 -1 注意：這里不會(huì)做隱式類型轉(zhuǎn)換。
既然坑已經(jīng)發(fā)現(xiàn)我們不妨刨根問底。去MDN官網(wǎng)一看究竟。對(duì)此話題感興趣的朋友可以直接跳轉(zhuǎn)到Array.prototype.indexOf()。
只想了解的朋友下面給大家官方的 Description。
indexOf() compares searchElement to elements of the Array using strict equality (the same method used by the === or triple-equals operator).
一目了然，這里用的是嚴(yán)格等于（===）。大家做類似判斷的時(shí)候多留意。不要誤認(rèn)為數(shù)字會(huì)轉(zhuǎn)成字符串，同理字符串也不會(huì)轉(zhuǎn)換成數(shù)字。
總結(jié)以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
String：indexOf 會(huì)將數(shù)字0做類型轉(zhuǎn)換，轉(zhuǎn)換為字符串"0"。
Number：沒有indexOf 方法。需要將數(shù)字類型轉(zhuǎn)換為字符串。方法有三種。直接字符串、字符串toString、字符串拼接。
Array：數(shù)組同樣有indexOf 方法，只不過做類型判斷時(shí)，使用的嚴(yán)格相等(strict equality)，也就是 === 。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/99252.html
摘要：將元素作為對(duì)象的鍵，默認(rèn)鍵對(duì)應(yīng)的值為如果對(duì)象中沒有這個(gè)鍵，則將這個(gè)元素放入結(jié)果數(shù)組中去。 前言 數(shù)組去重在日常開發(fā)中的使用頻率還是較高的，也是網(wǎng)上隨便一抓一大把的話題，所以，我寫這篇文章目的在于歸納和總結(jié)，既然很多人都在提的數(shù)組去重，自己到底了解多少呢。又或者是如果自己在開發(fā)中遇到了去重的需求，自己能想到更好的解決方案嗎。 這次我們來理一理怎么做數(shù)組去重才能做得最合適，既要考慮兼容性，...
摘要：測(cè)試排序后相鄰去除法思路先將數(shù)組經(jīng)過排序，這時(shí)候相同的元素處于相鄰的位置所以在便利數(shù)組的時(shí)候我們只將與前一值不重復(fù)的值注意這里測(cè)試中方式補(bǔ)充這種方式兼容性但是可以通過轉(zhuǎn)不太好，但是非常簡潔。 不管是面試還是平時(shí)寫程序的過程中我們經(jīng)常會(huì)遇到要對(duì)數(shù)組進(jìn)行去重的問題，該文總結(jié)了一些常見的數(shù)組去重的方法。 對(duì)象鍵值對(duì)法 思路：新建一js對(duì)象json以及新數(shù)組reArr，遍歷數(shù)組元素是否為jso...
摘要：參數(shù)數(shù)組片段結(jié)束處的后一個(gè)元素的數(shù)組下標(biāo)。返回值一個(gè)新數(shù)組，包含從到不包括該元素指定的元素。描述方法將返回?cái)?shù)組的一部分，或者說是一個(gè)子數(shù)組。輸出因?yàn)榇朔椒ú粫?huì)在每一個(gè)元素的基礎(chǔ)上再次執(zhí)行匹配。 array.slice(start, end) 參數(shù)start 數(shù)組片段開始處的數(shù)組下標(biāo)。如果是負(fù)數(shù)，它聲明從數(shù)組尾部開始算起的位置。 也就是說，-1指最后一個(gè)元素，-2指倒數(shù)第二個(gè)元素，以此類...
摘要：例如會(huì)刪除當(dāng)前數(shù)組位置的項(xiàng)，然后再從位置開始插入字符串。對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回的項(xiàng)組成的數(shù)組。則從數(shù)組的最后一項(xiàng)開始，向前遍歷到第一項(xiàng)。 1、隊(duì)尾插入push var colors = [red,green]; colors.push(black): console.log(colors); //[red,green,black] 2、隊(duì)尾刪除...
摘要：今天要講的是，如何在數(shù)組中尋找元素，對(duì)應(yīng)中的，，，以及方法。如果往一個(gè)有序數(shù)組中插入元素，使得數(shù)組繼續(xù)保持有序，那么這個(gè)插入位置是這就是這個(gè)方法的作用，有序，很顯然用二分查找即可。 Why underscore （覺得這部分眼熟的可以直接跳到下一段了...） 最近開始看 underscore.js 源碼，并將 underscore.js 源碼解讀 放在了我的 2016 計(jì)劃中。 閱讀一...
閱讀 3659·2021-09-22 15:15
閱讀 3564·2021-08-12 13:24
閱讀 1312·2019-08-30 15:53
閱讀 1824·2019-08-30 15:43
閱讀 1185·2019-08-29 17:04
閱讀 2795·2019-08-29 15:08
閱讀 1583·2019-08-29 13:13
閱讀 3088·2019-08-29 11:06
