일상적인 문제에 대한 12가지 자바스크립트 프로 스니펫 코드😎😎

이 프로 스니펫 코드로 자바스크립트 기술을 향상시키세요.

이 게시물에서는 일상 생활 문제에 대한 12개의 자바스크립트 스니펫 코드를 공유합니다. 자바스크립트 프로젝트에서 자유롭게 사용할 수 있는 툴박스가 될 것입니다.

1. 배열에서 개체 검색

아래의 js find() 메소드를 사용하여 배열에서 객체를 검색할 수 있습니다. 스니펫 코드 예제입니다.

// search object in array
let data = [
    {name:"pizza",salary:60000},
    {name:"burger",salary:30000},
    {name:"sweet",salary:20000}
]

let emp = data.find(data => data.name === 'pizza')
console.log(emp)



//output
{
    name:"pizza",
    salary:60000
}


2. 문자열 반전

이 스니펫 코드는 루프를 사용하지 않고 문자열을 뒤집는 방법을 보여줍니다.

var reverse = (data) => {
    return 
    data.split("").reverse().join("");
}

console.log(reverse('CoderBoy'))
console.log(reverse('Medium'))


3. 목록 연결

이제 많은 목록을 하나로 병합하기 위해 함수와 루프를 사용할 필요가 없습니다. concat() 메서드에 내장된 js를 사용할 수 있습니다. 아래 코드 예제를 확인하십시오.

let arr1 = [10,20,30]
let arr2 = [40,50]
var arr = arr1.concat(arr2)
console.log(arr) // [10,20,30,40,50]


4. 캡처 오른쪽 클릭

이 간단한 스니펫 코드는 웹 브라우저에서 마우스 오른쪽 클릭을 캡처합니다.

window.oncontextmenu = () => {
    console.log("right click i pressed!")
}


5. 스마트 데이터 필터링

필터 방법에 내장된 자바스크립트로 데이터를 필터링합니다. 양식에 많은 양의 데이터가 있고 일부 요소를 필터링하려는 경우에 유용합니다.

var data = ["football","soccer","cricket","basketball","hockey"]
var filterd_data = data.filter(data => data.length < 8)
console.log(filterd_data)


6. 반복되는 키와 값

사전 데이터의 키와 값을 반복하는 또 다른 유용한 스니펫 코드입니다. 이 작업에 forEach 메서드를 사용할 것입니다.

let data = { javascript:1, Dart:2, Java:3};
Object.keys(data).forEach((key,values) => {
    console.log(keys,values)
})




//output 
javascript 1
Dart 2
Java 3


7. 배열 요소의 인덱스 찾기

이제 요소의 인덱스를 찾기 위해 전체 배열을 반복할 필요가 없습니다. 아래 스니펫 코드에서 루프를 실행하여 삶을 더 쉽게 만드십시오.

var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)


8. 체크 문자열은 대문자

이것은 스팅이 대문자인지 소문자인지 확인하는 데 도움이 되는 간단한 스니펫입니다.

const checkUpper = string => string === string.toUpperCase();
console.log(checkUpper("Hello")) // false
console.log(checkUpper("LEARN")) // true


9. 정렬 기능 내장

정렬은 모든 프로그래밍 언어의 일반적인 문제입니다. javascript에서는 sort() 메서드를 사용하여 요소 목록을 정렬할 수 있습니다.

var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)


10. js의 오류 처리

오류는 항상 javascript에서 오류를 처리하는 프로그래밍의 골칫거리입니다. try/catch 문을 사용할 수 있습니다. 아래 구문을 확인하십시오

//error handling
try{
    //code block to try
}
catch{
    //code block to handle error
}
finally{
    //code block to be executed regardless of the try and catch results
}


11. 할당 파괴

소멸 방법을 사용하여 배열 값의 압축을 풀고 다른 변수에 할당할 수 있습니다. 아래 예제 코드를 확인하십시오

let data = ["haider","22","50000","web developer"]
let [name,age,salary,profession] = data
console.log(name,age,salary,profession)


12. 슬라이싱 어레이

이것은 루프를 사용하지 않고 배열을 슬라이스하는 또 다른 스니펫 코드입니다. 슬라이스 구문은 슬라이스(startIndex,endIndex)입니다.

let array = [10,12,13,14,15,16]
console.array(array.slice(0,3))//[10,12,13]
console.array(array.slice(0,2))//[10,12]





마지막 생각들

이 12개의 자바스크립트 프로 스니펫 코드 기사를 위한 것입니다. 이 기사가 유용하고 재미있게 읽을 수 있기를 바랍니다. 소중한 응답을 자유롭게 공유하고 이 기사를 개발자 친구들과 공유하는 것을 잊지 마세요. 행복한 코딩을 하세요!

학습을 멈추지 마십시오. 여기에 제 프로그래밍ashish donga의 분량이 있습니다. 블로그가 마음에 드셨으면 합니다. 댓글 섹션에 사랑을 남겨주세요.

좋은 웹페이지 즐겨찾기