lengthプロパティの使い方について教えてください

Question

いつもお世話になっております。
javascript初学者です。

今回はlengthプロパティの動きについて分からない部分があったのでこの場を借りて質問しました。
下記にjavascriptで書いた①と②のプログラムがあります。
このプログラムはテストURLの数字箇所のみを取得し、/12345/と/6789/を足した結果を出力させたプログラムです。

テストURL
https://www.expires.com/item/view/12345/6789/

該当のソースコード

//①のソースコード
var path = location.pathname.replace("/item/view/", "").split("/");
var item_id = "";
if(path.length >= 2) {
  item_id = path[0] + path[1];
}
console.log(item_id);
// 処理結果 
// 123456789

//②のソースコード
var path = location.pathname.replace("/item/view/", "").split("/");
path = path.length;
var item_id = "";
if(path >= 2) {
  item_id = path[0] + path[1];
}
console.log(item_id);
// 処理結果
// NaN

わからないこと

自分の認識では①と②は同じ処理結果で出力されると思いました。しかし、②のプログラムの出力結果がNaNを返してしまうのは何故でしょうか？
NaNは数値で取得したものに文字列が混ざってしまうと出てしまうメッセージだと理解してますが、今回の結果からlengthプロパティの動きがイマイチ理解できていないです。。。
①のソースコードのように条件分岐の中でlengthプロパティを使用すれば数値として処理され、それ以外で使用したら文字列として処理されてしまう認識で合ってますか？
質問内容が分かりづらくて申し訳ないですがご教示頂けたら幸いです。

Answer 1

path = path.length;

ここでpathに数値を入れてしまってますが、そのあとで

item_id = path[0] + path[1];

これは全く意味不明になってますね。

Answer 2

インラインで失礼します。

自分の認識では①と②は同じ処理結果であると思ったのですが②のプログラムの出力結果がNaNを返してしまうのは何故でしょうか？

②のソースコードの2行目で
path = path.length;
と処理しているので、path = 2 と上書きされているのではないでしょうか。そのまま、if文の中の
item_id = path[0] + path[1];
が実行されているので、処理結果に差異がでているのだと思います。

NaNは数値で取得したものに文字列が混ざってしまうと出てしまうメッセージだと理解してますがlengthプロパティの動きがイマイチ理解できていないです。

https://www.javadrive.jp/javascript/array_class/index2.htmlが参考になりそうです。

①のソースコードのように条件分岐の中でlengthプロパティを使用すれば数値として処理され、それ以外で使用したら文字列として処理されてしまう認識で合ってますか？

if文の中で処理されたか、外で処理されたかは関係ありません。

Comments

[otn]

引用の仕方がおかしくて、意味不明になっています。

[tatsukich39]

不慣れなもので失礼しました。ご教示大変ありがとうございました。

[hiroo_mokumoku]

親切丁寧に解説付きの回答頂きありがとうございます。
複数の方々から回答頂きましたが吟味した結果、今回のベストアンサーとさせて頂きます。
ご教示頂いたURL参考にさせて頂きます。
他の回答者様もご回答頂きありがとうございました。

Answer 3

var url="https://www.expires.com/item/view/12345/6789/"
var reg=new RegExp("/\d+(?=/)","g");
console.log(url.match(reg).map(x=>x.substr(1)).join(""));