12 Easy and Useful JavaScript Snippets for Beginners.
Ryan
Posted on May 4, 2023
Maintaining a list of useful yet simple JavaScript code snippets can save a good amount of time. You can always revisit the list when you are working on a complex JavaScript app and don't want to spend too much of time building a logic for simple tasks. Let's have a look at some of these snippets that are easy-to-understand and can save a good amount of time.
1. Create an array of a range of numbers
const numbers = [...Array(15).keys()].map(x => x + 1);
console.log(numbers); //[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
2. Check if the number is Even or Odd
//Even
const num = 4;
const isEven = num % 2 === 0;
console.log(isEven); //true
//Odd
const num = 9;
const isOdd = num % 2 !== 0;
console.log(isOdd); //true
3. Get a sub-string of a string
const subStr = 'jason'.substring(1, 4);
console.log(subStr); //aso
4. Replace a string
const replacedStr = 'king'.replace('in', 'on');
console.log(replacedStr); //kong
5. Check if a string starts with or ends with a specific strings
//startsWith
const startsWth = 'arnold'.startsWith('ar');
console.log(startsWth); //true;
//endsWith
const endsWth = 'arnold'.endsWith('ld');
console.log(endsWth); //true;
6. Trim and remove all empty spaces from a string
const strWithSpace = ' ryan ';
const strWithoutSpace = strWithSpace.trim();
console.log(strWithoutSpace);
7. Get the power of a number.
//1) Using the Math.pow() method
const power = Math.pow(2, 6);
console.log(power); //64;
//2) Using the exponentiation operator
const power1 = 2**6;
console.log(power); //64;
8. Check if an object has a specific property
const name = {
firstName: "Shawn",
lastName: "Ronalds",
age: 35
};
const hasProp = 'firstName' in name;
console.log(hasProp); //true;
9. Creating a copy of an object
const profile = {
name: "John Davis",
city: "London",
age: '45',
hobby: 'football'
}
const profileCopy = {...profile};
console.log(profileCopy); //{name: 'John Davis', city: 'London', age: '45', hobby: 'football'}
10. Delete a property from an object
const car = {
brand: 'Volvo',
topSpeed: '250mph',
color: 'red'
}
delete car.brand;
console.log(car); //{topSpeed: '250mph', color: 'red'}
11. Remove duplicate items from an array
const arr = [1, 2, 1, 3, 4, 7, 4, 8, 9]
const removeDuplicates = [...new Set(arr)];
console.log(removeDuplicates);
12. Merge 2 arrays or 2 objects
//1) Merging arrays
const arr1 = [1, 2];
const arr2 = [3, 4]
const mergedArr = [...arr1, ...arr2]
console.log(mergedArr); // [1, 2, 3, 4]
//2) Merging Objects
const obj1 = {name: 'Larry'};
const obj2 = {age: '30'};
const mergedObj = {...obj1, ...obj2};
console.log(mergedObj); // {name: 'Larry', age: '30'}
So, that was a short list of some of the code snippets that I feel are highly useful and yet easy to understand. Hope you find this list helpful. Have a beautiful day.
đź’– đź’Ş đź™… đźš©
Ryan
Posted on May 4, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.