몇 가지 간단한 js 최적화 방법

1. if...else 코드 줄이기

const getData = (data)=>{
    
    
	if(data == 1){
    
    
		return '开心'
	}else if(data == 2){
    
    
		return '生气'
	}..........
}
console.log(getData(1))

이렇게 최적화할 수 있습니다.

const dataList = {
    
    
	1:'开心'，
	2:'生气'，
	3:'郁闷'
}
const getData = (name)=>{
    
    
	return dataList[name]
}
console.log(getData(1))

2. 파이프라인 작업은 중복 루프를 대체합니다.
유형이 1인 이름을 어떻게 알 수 있습니까?

const dataList =[
{
    
    name:'开心1',type:'1'},
{
    
    name:'生气',type:'2'},
{
    
    name:'开心2',type:'1'},
{
    
    name:'开心3',type:'1'}
]

이렇게 되는거야?

let names = [];
for(let i=0;i<dataList.length;i++){
    
    
if(dataList[i].type === 1){
    
    
names.push(dataList[i].name)
}
}

1. 먼저 필터링 한
다음 다시 결합

let names = [];
let names = dataList.filter(i=>i.type === 1).map(i=>i.name)
console.log(names)

find는 중복 루프
또는 특정 유형 이름을 찾아야 하는 위의 데이터를 대체합니다. find의 유용성이 나옵니다.

const findName = (list,name,type)=>{
    
    
	for(let i=0;i<list.length;i++){
    
    
		if(list[i].type === type && list[i].name === name){
    
    
			return list[i]
		}
	}
}

찾기를 살펴보자

const newData = dataList.find(i => i.name === '表情1' && i.type === 1);
console.log(newData)

중복 루프 교체 포함
1. 오래된 소금에 절인 양배추를 예로 들면 소금에 절인 양배추 국수, 쇠고기, 담배 꽁초 및 발 피부가 포함되어 있습니다.

const instantNoodles = [ '酸菜', '面', '牛肉粒', '烟头', '脚皮']
let foot = false;
for(let i=0;i<instantNoodles.length;++i){
    
    
if(instantNoodles[i] == '脚皮'){
    
    
		foot = true
}
}
//我们可以用includes
const foot = instantNoodles.includes('脚皮')；
console.log(foot)

결과 반환 값

const getUrl(content,prefix,suffix)=>{
    
    
	let result = content;
	if(prefix){
    
    
		result = `${
      
      prefix}${
      
      result}`
	}
	if(suffix){
    
    
		result = `${
      
      result}${
      
      suffix}`
	}
	return result
}
console.log(getUrl('www.baidu.com','https://','.cn'))

몇 가지 간단한 js 최적화 방법

추천