Search for a command to run...
I'm a life-long, self-directed learner with a love for libraries, documentation, and all things tech.
Currently serving the people at the Carnegie Library of Pittsburgh 📚 Formerly @ Codédex 👾 and Codecademy 🧑🏻💻
Extracurriculars (in no particular order): 🧑🏻🍳 Cooking 📖 Reading (mostly non-fic of all kinds) 🎸 Listening to/playing music 🎙️ Enjoying awesome podcasts. 🏃🏻 Running, walking, moving in general! :D
Thanks for reading!
No comments yet. Be the first to comment.
It's been a while... Hello! It's been a long time since I last published a blog post here. 2022 was an interesting year for me. A few of the highlights include: Moving back to my hometown in Pittsburgh, PA Helping bring in new contributors for Code...
Hello, #DEVCommunity! My name is Brandon and I'm a Content Contributor from the Free Team at Codecademy. For the past few months, we've collaborated in a company-wide effort and delved into the world of user-generated content (UGC) as it relates to c...
Is this the Description?
New Job! New Drive! New Ideas!
The Gatsby CLI Part of what makes Gatsby a powerful frontend framework is its list of builtin commands via the Gatsby CLI tool . Commands such as gatsby new and gatsby build allow for a smooth experience with development and deployment, respectively...
If you are new to JavaScript, this post will be helpful in getting you familiar with one it's most common methods -- toString()! If not, then this might be a nice refresher where you learn about alternate ways of using this method. Understanding these two interesting use-cases for toString() may help you save time and write less code.
toString() MethodIn JS, the method toString() is a prototype method of the Object class that returns a string representation of the object-type it is being invoked against. Since nearly everything in JS is a descendant of an object, they are able to be represented as a string with toString():
// traditional objects
let testObj = {
name: "Brandon",
age: 28,
location: "Massachusetts"
}
console.log(testObj.toString()) // --> "[object Object]"
// numbers (integers and decimal numbers)
let testNum = 42
console.log(testNum.toString()) // --> "42"
// Date objects
let currentDate = new Date()
console.log(currentDate.toString()) // --> "Sat May 08 2021 22:11:34 GMT-0400 (Eastern Daylight Time)"
// even arrays!
let testArr = [1,2,3,4]
console.log(testArr.toString()) // --> "1,2,3,4"
The toString() function is one of the most widely-used built-in JS functions given its flexibility with multiple data types. In this article, we are going to explore some less common use-cases for toString() that will take your programming to the next level.
When it comes to performing string conversion on integers, an optional radix parameter can be passed to toString() to convert base-10 integers to other bases. Every base-10 integer has a base-2, binary equivalent. Although there are plenty of other ways of converting a base-10 integer to binary, toString() makes the task seamless when you pass in 2 as the radix.
let testNum = 42
let binaryTestNumStr = testNum.toString(2)
console.log(binaryTestNumStr) // --> "101010"
As long as the data type being used with toString() is an integer, when you pass in 2, you will get a string representation of the integer in binary form.
The toString() function can also be used to change RGB values to hexadecimal.
In web development, programmers use CSS to add styling to their websites, including color. One common way of representing colors in CSS is with RGB values. RGB is a combination of three numbers, ranging from 0 to 255, that represent the spectrum of red, green, and blue, respectively.
Another common way for writing web color values is with hexadecimal values. They are similar to RGB in that they are technically composed of three values. The difference, however, is that each component of a hexadecimal value is always 2-characters-long. With toString(), we can convert a sole RGB value to its base-16 hex-equivalent by passing in 16 as our radix value:
let rValue = 240
let gValue = 133
let bValue = 79
rValue = rValue.toString(16) // --> "f0"
gValue = gValue.toString(16) // --> "85"
bValue = bValue.toString(16) // --> "4f"
let hexValue = rValue + gValue + bValue
console.log(hexValue) // --> "f0854f"
When you pass in 16 to toString(), it will expect the value-to-be-stringified to be an integer. It takes the integer and translates it into a 2-character value.
There is something important to point out when converting to base-16 with toString(). In order for an RGB value to be converted correctly, it must fall between 0 and 255. Otherwise, the function will return a confusing result.
This article isn't intended to veer you away from learning how these conversions work algorithmically (you should!). It's about demonstrating some interesting use cases for a popular JavaScript function. The toString() function, at the end of the day, returns just a string representation of the object-like value it is being invoked upon.
Thank you for reading and I hope you found this to be interesting and, perhaps, useful.
Keep on Coding.
Everything About JavaScript Objects by Deepak Gupta --> (Medium Article)