Share a practical JavaScript code snippet to help you quickly complete development tasks
maxItemOfArray
1. This function can return the maximum value of an array.
const maxItemOfArray = (arr)=>[...arr].sort((a,b)=>b-a).slice(0,1)[0]
let maxItem = maxItemOfArray([0,23,23,23,4,5,2])
are all equal
2. This code can check whether all items of the array are equal.
const areAllEqua = arr=>arr.erver(item=>item===arr[0])
let check1 = areAllEqual([2,3,5,3,2]) false
let check2 = areAllEqual([2,2,2,2])
averageOf
3. This snippet can return the average of a given number.
const averageOf = (...numbers)=>numbers.reduce((a,b)=>a+b,0) / numbers.length
let average = averageOf(5,2,3,5,6)
reverseString
4. This code reverses a string.
const reverString = str =>[...str].reverse().json('')
let a = reverString('ZHANG_666')
sumOf
5. This code can return the sum of a given number.
const sumOf= ...number=>number.reduce((a,b)=>a+b,0)
let sum =sumOf(5,-3,3,1)
findAndReplace
6. This code can find a given word in a string and replace it with another word.
const findAndReplace = (string,wordToFind,wordToReplace)=>string.split(wordToFind).join(wordToReplace)
let result = findAndReplace('my name is zhang_666','zhang_666','ZHANG_666')
RGBToHex
7. This code can convert colors in RGB mode to hexadecimal
const RGBToHex = (r,g,b)=>(r << 16)+(g<<8)+b.toString(16).padStart(6,'0');
let hex = RGBToHex(255,255,255)
shuffle
8. Do you want to know how many music players can drag and drop playback items? Maybe this code can give you the answer.
const shuffle = ([...array])=>{
let m = array.length;
while(m){
const i = Math.floor(Math.random() * m--);
[array[m],array[i]] = [array[i],array[m]]
}
return array
}
shuffle([5,4,5,3,234])
removeFalseValues
9. This code can help you remove false values in the array, including false, undefined, NaN and empty.
const removeFalseValues = arr =>arr.filter(item=>item)
let arr =removeFalseValues([3,4,false,'',5,true,undefined,NaN,''])
removeDuplicatedValues
10. This code can help you remove duplicates from an array.
const removeDuplicatedValues = array => [...new Set(array)]
let arr = removeDuplicatedValues([5,4,3,5,23,4,4,4,2,23,45,23,24])
getTimeFromDate
11. This code can return string time from date object.
const getTimeFromDate = date=>daate.toTimeString().slice(0,8);
let time = getTimeGromDate(new Date())
capitalizeAllWords
12. This code can capitalize the first letter of all words in a string.
const capitalizeAllWords = str =>str.replace(/\b[a-z]/g,char=>char.toUpperCase());
let str = capitalizeAllWords('my name is zhang_666')
capitalizeAllWords
13. This code can return the number of days difference between two dates.
const getDayDiff =(date1,date2)=>(date2-date1) / (1000*3600*24);
let diff = getDayDiff(new Date('2020-04-01'),new Date('2020-08-15'))
radianToDegree
14. This code can convert angle from radians to degrees.
const radianToDegree = radian =>(radian *180.0)
let degree = radianToDegree(2.3)
isValidJSON
15. This code can check if the given string is valid JSON.
const isValidJSON = string=>{
try{
JSON.parse(string)
return true;
}catch(error){
return false
}
}
let check1 = isValidJSON('{"title":"javascript","price":13}')
let check2 = isValidJSON('{"title":"javascript","price":13,subtitle}')
toWords
16. This code is often used to convert a given string into an array of words.
const toWords = (string,pattern= /[^a-zA-Z-]+/)=>string.split(pattern).filter(item=>item);
let words = toWords('I want to be come a great programmer')
scrollToTop
17. If you are at the bottom of a long page and you want to quickly scroll to the top of the page, this code can make your scrolling operation smoother.
const scrollToTop = ()=>{
const t = document.documentElement.scrollTop || document.body.scrollTop;
if(t>0){
window.requestAnimationFrame(scrollToTop);
window.scrollTop(0,t-t / 8)
}
}
isValidNumber
18. This code is often used to verify the validity of a number.
const isValidNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) ==n;
let check1 = isValidNumber(10)
let check2 = isValidNmuber('zhang')