Evaluate Razor variable in javascript

Question

I need to evaluate a razor variable inside a JavaScript function. Given the following code:

 @{var unseenNotificationsExist = false;}
 
 @foreach(var notification in viewModel)
 {
    if (notification.WasSeen == false)
    {
      unseenNotificationsExist = true;
      break;
    }
 }

I need to evaluate the unseenNotificationsExist variable in JavaScript like this:

 if(@unseenNotificationsExist == true)
        $('#unseenNotifCount').addClass('notifNotSeen');

However, when I debug the JavaScript code, I get this:

if(True == true)

and also I get the following error:

Uncaught ReferenceError True is not defined

Answer 1

var unseenNotificationsExist = @(unseenNotificationsExist?"true":"false") ;
//the line above must be part of your view

if(unseenNotificationsExist === true)
        $('#unseenNotifCount').addClass('notifNotSeen');
//this can be part of your js file or alternatively and less 
//preferably part of your view

Answer 2

I found a workaround: I added this

var True = true

Now, in javascript there is a variable "True" defined and the evaluation comes down to True == true, which returns true.