Cara menggunakan remove duplicate css

There are various methods to remove duplicates in the array. We will discuss the most common four ways by using filter() method, set() method, reduce() method, and indesxOf() method. 

Show

    Below all the methods are described with a proper example:

    Javascript filter() Method: The filter() method creates a new array of elements that pass the condition we provide. It will include only those elements for which true is returned. We can remove duplicate values from the array by simply adjusting our condition.

    Example:

    Javascript




    <script>

        var arr = ["apple"

    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0"apple"
    ["apple", "mango", "orange"]
    4

    ["apple", "mango", "orange"]
    5
    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    1

    ["apple", "mango", "orange"]

        

    ["apple", "mango", "orange"]
    4
    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    7
    ["apple", "mango", "orange"]
    8

    ["apple", "mango", "orange"]
    5
    ["apple", "mango", "orange"]
    0

        

    ["apple", "mango", "orange"]
    2

    ["apple", "mango", "orange"]

        

    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6

    Output:

    ["apple", "mango", "orange"]

    Javascript set() Method: This method sets a new object type with ES6 (ES2015) that allows you to create collections of unique values.

    Example:

    Javascript




    <script>

        var arr = ["apple"

    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0"apple"
    ["apple", "mango", "orange"]
    0

    ["apple", "mango", "orange"]
    5
    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    1

    ["apple", "mango", "orange"]

        

    ["apple", "mango", "orange"]
    4
    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    7     0    1     2

        

    ["apple", "mango", "orange"]
    2

    ["apple", "mango", "orange"]

        

    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6

    Output:

    ["apple", "mango", "orange"]

    Javascript forEach() Method: By using the forEach() method, we can iterate over the elements in the array, and we will push into the new array if it doesn’t exist in the array.

    Example:

    Javascript




    <script>

        var arr = ["apple"

    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    4

    ["apple", "mango", "orange"]
    6"apple"
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    1

    ["apple", "mango", "orange"]

        

    ["apple", "mango", "orange"]
    4
    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6var "apple"2

    ["apple", "mango", "orange"]
    6"apple"4

    ["apple", "mango", "orange"]
    5"apple"6 "apple"7

    "apple"8"apple"9

    ["apple", "mango", "orange"]
    5
    ["apple", "mango", "orange"]
    2

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    03

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    7
    ["apple", "mango", "orange"]
    06

        

    ["apple", "mango", "orange"]
    2

        

    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6

    Output:

    ["apple", "mango", "orange"]

    Javascript reduce() Method: The reduce() method is used to reduce the elements of the array and combine them into a final array based on some reducer function that you pass.

    Example:

    Javascript




    <script>

        var arr = ["apple"

    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    4

    ["apple", "mango", "orange"]
    6"apple"
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    0
    ["apple", "mango", "orange"]
    1
    ["apple", "mango", "orange"]
    1

    ["apple", "mango", "orange"]
    29 

        

    ["apple", "mango", "orange"]
    4
    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6var
    ["apple", "mango", "orange"]
    35
    ["apple", "mango", "orange"]
    4
    ["apple", "mango", "orange"]
    37

    ["apple", "mango", "orange"]
    5"apple"6
    ["apple", "mango", "orange"]
    40

    "apple"8

    ["apple", "mango", "orange"]
    42

    ["apple", "mango", "orange"]
    5
    ["apple", "mango", "orange"]
    7
    ["apple", "mango", "orange"]
    45

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    47

    ["apple", "mango", "orange"]
    6
    ["apple", "mango", "orange"]
    7
    ["apple", "mango", "orange"]
    06

        

    ["apple", "mango", "orange"]
    2

        

    ["apple", "mango", "orange"]
    5

    ["apple", "mango", "orange"]
    6

    Output:

    ["apple", "mango", "orange"]

    Javascript indexOf() Method: The indexOf() method is used to find the first index of occurrence of an array element. we can iterate over the elements in the array, and we will push into the new array if it doesn’t exist in the resultant array.