原生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