How to Get Value from a Keyword in JavaScript

JavaScript offers multiple ways to retrieve values associated with specific keywords, whether in objects, arrays, or strings. Mastering these techniques can streamline your coding workflow and improve efficiency.

1. Accessing Object Values by Key

Objects in JavaScript store data as key-value pairs. To get a value, use dot notation or bracket notation:

const user = { name: 'John', age: 30 };
console.log(user.name); // 'John'
console.log(user['age']); // 30

2. Extracting Values from Arrays

If your keyword is an array index, access it directly:

const colors = ['red', 'green', 'blue'];
console.log(colors[1]); // 'green'

3. Using the Map Data Structure

For dynamic key-value pairs, Map provides better performance:

const map = new Map();
map.set('username', 'js_developer');
console.log(map.get('username')); // 'js_developer'

4. Parsing URL Query Parameters

Extract keywords from URLs using URLSearchParams:

const params = new URLSearchParams(window.location.search);
console.log(params.get('keyword')); // Returns the value

5. Destructuring Objects and Arrays

ES6 destructuring simplifies value extraction:

const { name, age } = user;
const [firstColor] = colors;