level up your javascript skills with these pro snippet codes
in this post i will share 12 javascript snippet codes for your daily life probelm. it will be your toolbox that you can freely use in your javascript project
1. Search Object in Array
you can search an object in array using js find() method below is snippet code example
// 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. String Reversing
this snippet code will show you how to reverse a string without using a loop
var reverse = (data) => {
return
data.split("").reverse().join("");
}
console.log(reverse('CoderBoy'))
console.log(reverse('Medium'))
3. concatenate lists
now you don't need to use functions and loops to merge many lists into one. you can use js built in concat() method. check out the below code example.
let arr1 = [10,20,30]
let arr2 = [40,50]
var arr = arr1.concat(arr2)
console.log(arr) // [10,20,30,40,50]
4. capture right click
this simple snippet code will capture the right click of th mouse on a web browser
window.oncontextmenu = () => {
console.log("right click i pressed!")
}
5. smart data filteration
filter your data with javascript built in filter method this comes in handy when you had a large amount of data in form and want to filter some elements from it
var data = ["football","soccer","cricket","basketball","hockey"]
var filterd_data = data.filter(data => data.length < 8)
console.log(filterd_data)
6. looping keys and values
another useful snippet code to iterate keys and values of dictionary data. we are going to use the forEach method for this task
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. find index of array element
now you don't need to iterate the whole array to find an index of any element. make your life easier by taking a loop at the below snippet code
var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)
8. check string is uppercase
this is a simple snippet that will help you to check whether a sting is uppercase or lowercase
const checkUpper = string => string === string.toUpperCase();
console.log(checkUpper("Hello")) // false
console.log(checkUpper("LEARN")) // true
9. built in sorting
sorting is a common problem og every programming language. in javascript you can use the sort() method to sort any list of elements
var num = [9,8,4,2,8,0,3,8]
num.sort()
console.log(num)
10. handle errors in js
error is always a headache in programming to handle errors in javascript you can use the try/catch statment. checkout the below syntax
//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. Destructing assignment
you can use destructing method to unpack the array values and assign them to other variables. check out the below example code
let data = ["haider","22","50000","web developer"]
let [name,age,salary,profession] = data
console.log(name,age,salary,profession)
12. slicing array
this is another snippet code that will slice your array without using any loop. the syntax for slice is slice(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]
What is difference between undefined & null in javascript
Top 7 best Algorithms to Improve your JavaScript Skills
7 killer JavaScript One-Liners You Must Know
final thoughts
well that is for this 12 javascript pro snippet codes article i hope you find this article helpful and fun to read, feel free to share your valuable response and don't forget to share this article with developer friends happy coding!
Never stop learning, here is your dose of my programming ashish donga blog hope you like this leave ur love in comment section
Top comments (0)