JavaScriptの`.pathname`メソッドは、なぜ最初のスラッシュまで持ってくるのでしょうか？

Question

JavaScriptの.pathnameメソッドは、なぜ最初のスラッシュまで持ってくるのでしょうか？

.pathname は実用的には次の書き方になると思うのですが、最初のスラッシュまで持ってくるせいで、空の配列が取得されてしまいますよね。

邪魔になるばかりではないか…と突っ込みたくなるのですが、どんなときに役に立つのでしょうか？

const url = "http://example.com/smith/profile";
const obj = new URL( url );	
const path = obj.pathname.split( '/' ); 
console.log( path ); // ['', 'smith', 'profile'] のように、空の配列が取得されてしまう

そしてもし「パスの取得関数」を作るなら、この邪魔な部分を残しておくべき（getPath1）でしょうか？それとも削除しておくべき（getPath2）でしょうか？

function getPath1( url ){
  const obj = new URL( url );	
  const path = obj.pathname.split( '/' ); 
  return path;
}

function getPath2( url ){
  const obj = new URL( url );	
  const path = obj.pathname.slice( 1 ).split( '/' ); 
  return path;
}

const url = "http://example.com/smith/profile";
console.log( getPath1( url ) ); // 遺しておく   → ['', 'smith', 'profile']
console.log( getPath2( url ) ); // 削除しておく → ['smith', 'profile']

Answer 1

なぜ最初のスラッシュまで持ってくるのでしょうか？

URIの仕様上、先頭の / からがパス部だから、でしょうか。
「パス部をsplit('/')する」という処理がそんなに多くのサイトで必要とは思えないので、split('/') の都合なんて考慮していないのでしょう。

そしてもし「パスの取得関数」を作るなら、

相対パスが対象外なら、getPath2() でよいと思います。

Comments

[nikuatsu]

ありがとうございます。そもそものURI決め事からの流れだったんですね。

ところで、

>「パス部をsplit('/')する」という処理がそんなに多くのサイトで必要とは思えない

についてですが、例えば「現在のページで分岐する」という処理ってどのサイトでもあるように思うのですが…次の感じです。

```
if ( path[0] === '' ) {
// フロントページの処理
} else if ( path[0] === 'user' ){
// ユーザーページの処理

if ( path[1] === 'admin' ) {
// 管理者向けの処理
} else if ( path[1] === 'smith' ) {
// スミス向けの処理
}

}
```

こういうときにパスを .split しないのであればどう判定するのが宜しいでしょうか？