オブジェクトの並びが追加順じゃない例
const obj = {
10: 0, y:1, x:2, z:3, 2:4, "1": 5, "-1": 6,
"5.5":7, 4294967294: 8, 4294967295: 9,
}
console.log(JSON.stringify(Object.entries(obj)))

// [["1",5],["2",4],["10",0],["4294967294",8],["y",1],["x",2],["z",3],["-1",6],["5.5",7],["4294967295",9]]

符号なし 32bit の整数の昇順 → 追加順
符号なし 32bit を超えたり負値や小数になると文字列扱いになって入れた順番

jQuery の ○○Target
current と delegate が未だに覚えられなくて確認してる

$(document).on("click", "body", eve => {
console.log("target", eve.target)
console.log("currentTarget", eve.currentTarget)
console.log("delegateTarget", eve.delegateTarget)
})
target<button>
currentTarget<body>
delegateTargetdocument
祖先要素に relative ないときの absolute
html か body になってページ全体だと思ってたけど viewport (ウィンドウ) だった
スクロールバーのあるページでスクロールした一番下に配置したつもりが 画面の一番下に見えてた
<!doctype html>

<style>
.bottom{
position: absolute;
bottom:0;
background: crimson;
color: white;
}
.vlong{
height: 110vh;
background: lightgoldenrodyellow;
}
</style>

<div class="vlong">vlong</div>
<div class="bottom">bottom</div>

norelativeabsolute

ページ全体にしたいなら body に relative が必要