JavaScript find()方法及返回數(shù)據(jù)實例
更新時間：2020年04月30日 08:35:55 作者：林中有風
這篇文章主要介紹了JavaScript中的find()方法和返回數(shù)據(jù)的內(nèi)存指向,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
顧名思義就是 查找傳入的對應數(shù)據(jù)
當數(shù)組中的元素在測試條件時返回 true 時, find() 返回符合條件的元素，之后的值不會再調(diào)用執(zhí)行函數(shù)。
如果沒有符合條件的元素返回 undefined
// 定義一個需要被查找的數(shù)組
var memoList = [{
id: 1, name: '1'
},{
id: 2, name: '2'
},{
id: 3, name: '3'
}]
// 用 editItem 變量將 查找出來的數(shù)據(jù)進行接收
var editItem = memoList.find((ele) => {
return ele.id == 2
})
// 打印 editItem 得到的結(jié)果是 {id: 2, name: '2'}
這看起來和沒什么區(qū)別呀。。。
但是～～
// 我們修改 接收后的值 editItem 的值
editItem.name = '我是修改后的'
// 我們再打印一下 editItem
console.log( editItem ) // {id: 2, name: '我是修改后的'}
感覺很正常嘛～
然后我們再打印一下 被查找的數(shù)據(jù) memoList
console.log(memoList)
// [{id: 1, name: "1"}, {id: 2, name: "我是修改后的"}, {id: 3, name: "3"}]
// 看得沒 memoList 內(nèi)的數(shù)據(jù)也被修改了
這里就反應出 fine() 方法返回的結(jié)果內(nèi)存指向依然是 memoList 所指向的內(nèi)存地址
所有這里返回的是淺拷貝的數(shù)據(jù)
注意: find() 對于空數(shù)組，函數(shù)是不會執(zhí)行的。
注意: find() 并沒有改變數(shù)組的原始值。
瀏覽器支持
表格中的數(shù)字表示支持該方法的第一個瀏覽器版本號。
| 方法 | |||||
|---|---|---|---|---|---|
| find() | 45.0 | 12.0 | 25.0 | 7.1 | 32.0 |
注意: IE 11 及更早版本不支持 find() 方法。
array.find(function(currentValue, index, arr),thisValue)
參數(shù)
| 參數(shù) | 描述 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| function(currentValue, index,arr) | 必需。數(shù)組每個元素需要執(zhí)行的函數(shù)。 函數(shù)參數(shù):
|
||||||||
| thisValue | 可選。 傳遞給函數(shù)的值一般用 “this” 值。 如果這個參數(shù)為空， “undefined” 會傳遞給 “this” 值 |
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
深入分析escape()、encodeURI()、encodeURIComponent()的區(qū)別及示例
這篇文章主要介紹了escape()、encodeURI()、encodeURIComponent()的區(qū)別,需要的朋友可以參考下2014-08-08
微信小程序緩存過期時間的相關(guān)設(shè)置(推薦)
這篇文章主要介紹了微信小程序緩存過期時間的相關(guān)知識，主要包括微信小程序緩存機制介紹及哪些是一定需要過期的緩存，本文給大家介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了JS開發(fā)自己的類庫,結(jié)合實例形式分析了javascript開發(fā)類庫的原理、組成及實現(xiàn)方法,需要的朋友可以參考下2019-08-08
js中常常用到innerHTML,其作用就是獲取到標簽里面的內(nèi)容,同時也可以為標簽添加內(nèi)容,下面這篇文章主要給大家介紹了關(guān)于JavaScript中innerHTML使用方法的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了js中g(shù)etter和setter用法,結(jié)合實例形式分析了javascript中g(shù)etter和setter的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2018-08-08
Javascript模板技術(shù)...2007-04-04
這篇文章主要介紹了微信小程序開發(fā)常用功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-02-02
使用JS前端技術(shù)實現(xiàn)靜態(tài)圖片局部流動效果
本文使用前端開發(fā)技術(shù)，結(jié)合?SVG?和?CSS?來實現(xiàn)類似的液化流動效果，包含的知識點主要包括：mask-image?遮罩、feTurbulence?和?feDisplacementMap?濾鏡、filter?屬性、canvas?繪制方法、TimelineMax?動畫及input[type=file]?本地圖片資源加載，需要的朋友可以參考下2022-08-08
three.js中點對象(Point)和點材質(zhì)(PointsMaterial)的具體使用
本文主要介紹了three.js中點對象(Point)和點材質(zhì)(PointsMaterial)的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
這篇文章主要介紹了基于js實現(xiàn)判斷瀏覽器類型代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07