Operational Chaining In JS: Hello everyone, welcome to the nkcoderz.com website. In this article we will going to discuss about the Operational Chaining In JavaScript.
Operational Chaining In JS
In JavaScript, “Operational Chaining” is a technique that allows you to chain multiple operations together in a single line of code. This technique is commonly used in libraries like jQuery and Lodash, and it allows you to perform multiple actions on an object or data structure in a more concise and readable way.
For example, let’s say you want to select all the p elements from a webpage, and then filter out the elements that do not contain the word “JavaScript”, and then add the class “highlight” to the remaining elements.
Instead of writing multiple lines of code to accomplish this task, you can use operational chaining to do it in a single line:
Code For Operational Chaining In JS
$("p").filter(":contains('JavaScript')").addClass("highlight");
Explanation
Here, $("p") is selecting all the p elements from the webpage, filter(":contains('JavaScript')") is filtering out the elements that do not contain the word “JavaScript” and addClass("highlight") is adding the class “highlight” to the remaining elements.
It is possible to accomplish this kind of chaining in plain JavaScript as well, by returning the object on each method call,
document.querySelectorAll('p')
.filter(el => el.textContent.includes('JavaScript'))
.forEach(el => el.classList.add('highlight'))
Conclusion
Operational chaining makes it easy to chain multiple operations together, making your code more readable and maintainable. However, it also important to be cautious as chaining too many methods can make the code harder to read and understand.
If you liked this post Operational Chaining In JS, then please share this with your friends and make sure to bookmark this website for more awesome content.
