일상적인 문제에 대한 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의 분량이 있습니다. 블로그가 마음에 드셨으면 합니다. 댓글 섹션에 사랑을 남겨주세요.
Reference
이 문제에 관하여(일상적인 문제에 대한 12가지 자바스크립트 프로 스니펫 코드😎😎), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/ashishdonga/12-javascript-pro-snippet-codes-for-everyday-problems-hfn텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)