工作中常用的數(shù)據(jù)處理

原生jsAPI


數(shù)組:map、filter、find、forEach、reduce、concat、push、unshift、pop、slice、splice、json、reserver、sort、include


map: 用于數(shù)組數(shù)據(jù)結(jié)構(gòu)渲染

{i.questionOptionVOS.map((j, index) =>? ? ? ??

????<dd key={index} style={ i.answer.indexOf( j.optionCode ) === -1? ?? { color:''} : {? color: '#1A8CFE' }} >? ??

????????? {j.optionCode}:{j.optionName}? ? ??

????</dd>? ),)}

map: 用于數(shù)組數(shù)據(jù)遍歷生成新數(shù)組/遍歷數(shù)組

[1,2,3]/[{name:1,id:2},{name:1,id:2},{name:1,id:2}].map(i => ({name:i.name,id:i.id,sex:xxx}))

filter:常用于過(guò)篩數(shù)組數(shù)據(jù)

[1,2,3,4]/[{name:1,id:2},{name:1,id:3},{name:1,id:2}].filter(i => i%2/i.id%2)

find:常用于查找數(shù)組數(shù)據(jù)

[1,2,3,4]/[{name:1,id:2},{name:1,id:3},{name:1,id:2}].find(i => i===1/i.name === 1);

forEach:常用于數(shù)組數(shù)據(jù)遍歷

[1,2,3]/[{name:1,id:2},{name:1,id:2},{name:1,id:2}].forEach(i => console.log(i))

reduce:常用于數(shù)據(jù)的累加

[1,2,3,4].reduce((curr,sum) => curr+sum,0)

reduce:與concat結(jié)合使用扁平二位數(shù)組

concat:常用于數(shù)組的合并(淺拷貝)

[[1,2],2,[3,4]].reduce((curr,sum) => curr.concat(sum),[])

[[1,2],2,[3,4]].flat(1)? ? //也可以使用flat實(shí)現(xiàn)扁平數(shù)組?

push、unshift、pop:用于數(shù)組(棧)的尾插入、頭插入以及尾刪除

var arr = [1,2,3];

arr.push(4);

arr.unshift(0);

arr.pop()? //返回刪除的值

slice:用于數(shù)組的截取

var arr = [1,2,3];

arr.slice(0,2);? //開(kāi)始位置,結(jié)束位置之前 返回截取的數(shù)組,不改變?cè)瓟?shù)組

arr

splice:用于數(shù)組的新增、刪除、插入

var arr = [1,2,3]

arr.splice

字符串:split、slice、replace


split:用于字符串分割

's/p/l/i/t'.split('/')

slice: 用于字符串截取

var str = 'slice'

str.slice(0,3);

str

replace: 用于字符串的替換(通常結(jié)合正則使用)

str.replace('e','t')

str

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容