Backbone.js Underscore Methods (9) Model

Backbone.js Underscore Methods Model is the 9 Underscore models which we can use with Backbone models. These are the proxies to underscore.js to provide 9 object functions on Backbone.Model. These functions are keys, values, pairs, inverts, pick, omit, chain and isEmpty.

Syntax:

Backbone.Model.method_Name( );

Parameters: Different function accepts different parameters.

Example 1: In this example, we will see keys, values, and pairs functions. These function does not require any parameters.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>BackboneJS Model underscore methods</title>
    <script src=
"https://code.jquery.com/jquery-2.1.3.min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js" 
            type="text/javascript">
    </script>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>BackboneJS Model Underscore methods</h3>

    <script type="text/javascript">
        var Geek = Backbone.Model.extend();
        var Geek1 = new Geek({
            id: "1001e",
            Name: "cody",
        });

        var Geek2 = new Geek({
            id: "1002e",
            Name: "Geeky",
        });

        var Geek3 = new Geek({
            id: "1003e",
            Name: "zetshu",
        });
        // Keys() function
        document.write(`All the keys of ${Geek1.get('Name')} : `);
        document.write(JSON.stringify(Geek1.keys()), '<br><br>');

        // values() function 
        document.write(`All the values of ${Geek2.get('Name')} : `);
        document.write(JSON.stringify(Geek2.values()), '<br><br>');

        // pairs() function 
        document.write(`All the keys and values of ${Geek3.get('Name')} : `);
        document.write(JSON.stringify(Geek3.pairs()), '<br><br>');

    </script>
</body>

</html>

Output:

Example 2: In this example, we will see the invert, chain, and isEmpty function. three of these function does not take any parameters.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>BackboneJS Model underscore methods</title>
    <script src=
"https://code.jquery.com/jquery-2.1.3.min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js" 
            type="text/javascript">
    </script>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>BackboneJS Model Underscore methods</h3>
    <script type="text/javascript">

        var Geek = Backbone.Model.extend();
        var Geek4 = new Geek({
            id: "1004e",
            Name: "itachi",
        });

        var Geek5 = new Geek({
            id: "1005e",
            Name: "tobi",
        });

        var Geek6 = new Geek({
            id: "1006e",
            Name: "lufy",
        });


        // invert() function 
        document.write(`Invert All the keys and values of ${Geek4.get('Name')} : `);
        document.write(JSON.stringify(Geek4.invert()), '<br><br>')


        // chain() function 
        document.write(`Chain keys and values of ${Geek5.get('Name')} : `);
        document.write(Geek5.chain().map(function (l, g) 
                 { return g + " is " + l + " "; }), '<br><br>');

        // isEmpty() function 
        document.write(`Checking ${Geek6.get('Name')} is empty : `);
        document.write(Geek6.isEmpty())
    </script>
</body>

</html>

Output:

Example 3: In this example, we will see omit and pick method. Two of these function takes the attribute's name as a parameter on which you want to perform the function.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>BackboneJS Model underscore methods</title>
    <script src=
"https://code.jquery.com/jquery-2.1.3.min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" 
            type="text/javascript">
    </script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js" 
            type="text/javascript">
    </script>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>BackboneJS Model Underscore methods</h3>
    <script type="text/javascript">

        var Geek = Backbone.Model.extend();
        var Geek1 = new Geek({
            id: "1001e",
            Name: "cody",
        });

        var Geek2 = new Geek({
            id: "1002e",
            Name: "Geeky",
        });

        // pick() function
        document.write(`Pick id attribute of ${Geek1.get('Name')} : `);
        document.write(JSON.stringify(Geek1.pick('id')), '<br><br>');

        // omit() function 
        document.write(`Omit Name attribute of ${Geek2.get('Name')} : `);
        document.write(JSON.stringify(Geek2.omit('Name')), '<br><br>');

    </script>
</body>

</html>

Output:

Reference: https://backbonejs.org/#Model-Underscore-Methods

Backbone.js Underscore Methods (9) Model

Explore