javascript のdataset.goto の意味が知りたい

Question

elements.searchResPages.addEventListener('click', e => {
    const btn = e.target.closest('.btn-inline');
    if (btn) {
        const goToPage = parseInt(btn.dataset.goto, 10);
        searchView.clearResults();
        searchView.renderResults(state.search.result, goToPage);
        console.log(goToPage);
    }
});

ここのconst goToPage = parseInt(btn.dataset.goto, 10);の場面では何をしているのですか？
datset はDom関係の関わりだとはわかったのですが、調べても詳しくわかりませんでしたので、質問させていただきました。
ご教授いただければ幸いです。

Answer 1

btn.dataset.goto

ボタンのカスタムデータgotoの値です
属性でいればdata-gotoに設定された値です。

Comments

[21212121]

すみません、初心者すぎて何もわからない状態なので、もう少し噛み砕いて説明していただきたいです。
この場面では、どのような処理を行おうとしているのですか？

[yambejp]

> この場面では、どのような処理を行おうとしているのですか？

であれば、htmlを提示してもらったほうが説明しやすいです

[21212121]

<div class="results__pages">
<!--
<button class="btn-inline results__btn--prev">
<svg class="search__icon">
<use href="img/icons.svg#icon-triangle-left"></use>
</svg>
<span>Page 1</span>
</button>
<button class="btn-inline results__btn--next">
<span>Page 3</span>
<svg class="search__icon">
<use href="img/icons.svg#icon-triangle-right"></use>
</svg>
</button>
-->
</div>
</div>

こちらですかね？

Answer 2

datasetプロパティに関しては、yambejpさんのご回答にある通りです。

parseIntメソッドに関しては、下記記事にて、詳細が記載されております。

parseInt() - JavaScript | MDN

第一引数に代入された値を整数値に変換した値を返すメソッドです。
第二引数には、**基数(数学的記数法の底)**を入れます。
今回は、第二引数に、10を入れているので、十進数の数値を返すのが目的でしょう。

つまり、dataset.gotoの値を、十進数の数値に変換した値を返している、ということです。

Comments

[21212121]

ありがとうございます！
理解できました。