How to pass javascript value in sightly use object?

Is there any way to pass value in sightly template from javascript

e.g.
template.jade

div(data-sly-use.testArray="${\'com.test.Service\'}" data-sly-unwrap)

div(data-sly-use.testArray="${\'com.test.Service\' @ year='2017'}" data-sly-unwrap)

div(data-sly-use.testArray="${\'com.test.Service\' @ exam='java'}"

render html file

I have to render below template based on page url condition

Case 1: IF page url doesn't have any value

e.g. pageurl = http://www.google.com/mypage.html

<div data-sly-use.vs="${'com.test.Service'}" data-sly-unwrap="data-sly-unwrap"></div>

<ol data-sly-list.item="${vs.allMakes}">

    <li data-sly-text="${item}"></li>

</ol>

Case 2: IF page url have year & value

e.g. pageurl = http://www.google.com/mypage.html/year/2017

year

<div data-sly-use.vs="${'com.test.Service' @ year='2017'}" data-sly-unwrap="data-sly-unwrap"></div>

<ol data-sly-list.item="${vs.testForYear}">

    <li data-sly-text="${item}"></li>

</ol>

Case 3: IF page url have exam & value

e.g. pageurl = http://www.google.com/mypage.html/exam/java

<div data-sly-use.vs="${'com.test.Service' @ exam='java'}" data-sly-unwrap="data-sly-unwrap"></div>

<ol data-sly-list.item="${vs.testForExam}">

    <li data-sly-text="${item}"></li>

</ol>

Case 4: there may be case when exam value should not be there

e.g. page url is like http://www.google.com/mypage.html/exam/