Skip to main content

Latest Post

The Ego in the Machine: Is Our Need for Validation Creating an Existential Threat?

Technology has always been a bridge, but today, it feels more like a mirror. With the rapid rise of AI , we are seeing things enter our lives and leave them at a pace we can barely track. To understand where this is going, we first have to understand how technology actually impacts the core of who we are. The Survivalist vs. The Ego Our minds are biologically wired for one thing: survival . We are designed to handle the worst-case scenario, an ancient instinct gifted to us by nature. We consider ourselves conscious decision-makers, but a critical question remains: Who is really making the call?

Utilizing Sets and Maps in LWC Salesforce

Introduction:

In Salesforce Lightning Web Components (LWC), developers have access to powerful data structures like Sets and Maps. These data structures offer efficient ways to store, manipulate, and retrieve data. In this blog post, we will explore how to leverage Sets and Maps in LWC code to enhance your Salesforce development. So, let's dive in!


1. Understanding Sets:


Sets are collections of unique values, meaning each value can appear only once within a Set. This makes Sets handy when you want to work with distinct values or remove duplicates from your data. Here's an example of how to use Sets in LWC:


// Create a Set

let mySet = new Set();


// Add values to the Set

mySet.add('Apple');

mySet.add('Banana');

mySet.add('Apple'); // Duplicates are automatically ignored


// Check if a value exists in the Set

let containsApple = mySet.has('Apple'); // returns true


// Remove a value from the Set

mySet.delete('Banana');


// Iterate over the Set

for (let item of mySet) {

  console.log(item); // Apple

}


2. Working with Maps:


Maps are key-value pairs, allowing you to associate values with unique keys. They are particularly useful when you need to perform lookups or map data from one format to another. Let's see how you can use Maps in LWC:


// Create a Map

let myMap = new Map();


// Add values to the Map

myMap.set('name', 'John');

myMap.set('age', 30);


// Get a value from the Map using the key

let name = myMap.get('name'); // returns 'John'


// Check if a key exists in the Map

let hasAge = myMap.has('age'); // returns true


// Remove a key-value pair from the Map

myMap.delete('age');


// Iterate over the Map

for (let [key, value] of myMap) {

  console.log(`${key}: ${value}`); // name: John

}


3. Set and Map Integration in LWC:


Sets and Maps can be effectively integrated into your LWC code, offering enhanced data manipulation capabilities. Here's an example that demonstrates their usage together:


import { LightningElement } from 'lwc';


export default class MyComponent extends LightningElement {

  connectedCallback() {

    // Create a Set of unique values

    let mySet = new Set(['Apple', 'Banana', 'Apple']);


    // Create a Map to store key-value pairs

    let myMap = new Map();


    // Iterate over the Set and add values to the Map

    for (let item of mySet) {

      myMap.set(item, item.length);

    }


    // Retrieve a value from the Map using the key

    let bananaLength = myMap.get('Banana'); // returns 6


    console.log(bananaLength);

  }

}


Conclusion:


Sets and Maps are powerful data structures in LWC that enable developers to handle unique values and key-value associations efficiently. By utilizing Sets, you can manage distinct values and eliminate duplicates, while Maps allow you to create powerful lookup mechanisms. Combining Sets and Maps in your LWC code can provide you with more flexibility and control over your data. Hopefully, this blog post has shed some light on the usage of Sets and Maps in LWC Salesforce and inspired you to explore further.


Remember, Sets and Maps are just two of the many features available in Salesforce Lightning Web Components, and mastering them can significantly enhance your development skills. Happy coding!

Popular Posts

Uninstall all Windows 10 default apps using Powershell

Here is script to uninstall all windows 10 default modern apps. This script uninstalls xbox, xbox Game bar, Xbox App,Xbox Gaming Overlay, Get started etc from your computer. No need to run one by one commands Just copy below script, run  powershell as administrator and paste script and press enter . It will automatically uninstall all default programs.  If you do not  want to uninstall some apps than just remove " "  line from script. $packages = @( "7EE7776C.LinkedInforWindows" "C27EB4BA.DropboxOEM" "Microsoft.3DBuilder" "Microsoft.Microsoft3DViewer"

Generating Salesforce Report in CSV and Uploading to SharePoint using Apex - A Comprehensive Guide

Introduction: In today's digital age, efficient data management and sharing across platforms are crucial for businesses to thrive. Salesforce and SharePoint are two powerful tools that many organizations utilize to manage customer relationships and collaborate on documents. In this blog, we will provide a step-by-step guide along with full working code on how to generate a Salesforce report in CSV format and upload it to a SharePoint site using Apex, Salesforce's programming language.

Building Mixed Shadow Mode Components in LWC Salesforce: A Comprehensive Guide with Example Code

Introduction: In Salesforce Lightning Web Components (LWC), the mixed shadow mode allows you to leverage the benefits of both the Shadow DOM and the Light DOM. It enables you to encapsulate your component's styles and prevent CSS clashes while still maintaining the flexibility to interact with elements outside the component's boundary. In this blog post, we will explore the concept of mixed shadow mode in LWC and provide you with a step-by-step guide on how to build components using this mode. Additionally, we will include example code snippets to help you grasp the implementation process more effectively. Table of Contents: 1. What is Mixed Shadow Mode? 2. Advantages of Mixed Shadow Mode 3. Building Components in Mixed Shadow Mode    a. Enabling Mixed Shadow Mode    b. Styling in Mixed Shadow Mode    c. Interaction with Elements Outside the Component 4. Example Code: Building a Custom Button Component    a. HTML Markup  ...

LWC Full Dynamic Working Code for Sticky Header in Salesforce

Introduction: In this blog post, we will explore how to create a sticky header in Lightning Web Components (LWC) in Salesforce. A sticky header is a commonly used UI pattern that keeps the header fixed at the top of the page while allowing the content to scroll beneath it. We will build a dynamic solution that can be easily reused in different LWC components. So let's dive in and create our sticky header!

How to Save Quote PDF, Send PDF, Preview PDF in salesforce with custom functionality

Want to develop custom pdf viewer, save pdf in quote pdf related List and Send quote to customer on button click when quote is custom in salesforce . These functionality are standard from salesforce. but you can develop these functionality custom in salesforce. Here is the solution:- Custom button to save Quote PDF and send PDF  Step 1:-  First Create Two custom button. which will used for PDF preview and Save quote pdf in quotes pdf related list.                               1. PDF preview Button                              2. Save & Send Quote Button Replace "Your VF page here" to Your quote PDF cuatom page. Step 2:-  PDF preview button   pdf preview button will display the pdf's preview in standard format of salesforce. So you need to set the  following configuration (In picture). After that you have ...

Salesforce Certification Preparation Tips and Guide: A Roadmap to Success

Introduction: Salesforce certifications have become highly sought after in today's competitive job market. They not only validate your expertise but also enhance your career prospects in the Salesforce ecosystem. However, preparing for these certifications can be a daunting task if you're unsure where to start. In this blog post, we will provide you with valuable tips and a comprehensive guide to help you navigate through the Salesforce certification preparation process effectively. 1. Choose the Right Certification: Salesforce offers a wide range of certifications, each designed for specific roles and expertise levels. Before diving into the preparation process, carefully consider your career goals, current skillset, and job requirements. Research different certification paths and select the one that aligns best with your objectives. Whether it's the Salesforce Administrator, Developer, or Consultant certification, make an informed choice.