web-dev-qa-db-ja.com

ハイフォン区画切り替えの場合の名前は何ですか?

これはPascalCaseです:SomeSymbol

これはキャメルケースです:someSymbol

これはsnake_caseです:some_symbol

だから私の質問はこれのために広く受け入れられている名前があるかどうかです:some-symbol?それは一般的にURLで使用されています。

437
lms

この大文字小文字の区別の標準名は実際にはありません、そしてそれが呼ばれるべきであることについて意見の相違があります。

とは言っても、2019年現在、 kebab-case が勝っているという強い主張があります。

https://trends.google.com/trends/explore?date=all&q=kebab-case,spinal-case,LISP-case,dash-case,caterpillar-case

spinal-case は遠い秒であり、他の用語にはまったく牽引力がありません。

さらに、 kebab-case がコードライブラリの用語集に入りました。 https://lodash.com/docs/#kebabCase および https://www.npmjs.com/package/kebab-case .

しかし、人々が使用する他の用語がまだあります。

LISPは このWikipediaのエントリー で説明されているように何十年もの間この規約を使ってきました。そのため、これと同じように Programmer SEへの質問 LISP-case と記述されていました。これは独創的な造形のようです。

私が見た他の形式には、 caterpillar-case ダッシュ - case 、および hyphen-case などがありますが、標準的なものはありません。

したがって、あなたの質問に対する答えは次のとおりです。いいえ、このケース規約には、広く受け入れられている snake_case または camelCase のような広く受け入れられている名前はありません。

368
Ben Lee

これはkebab-caseと呼ばれます。 lodashのドキュメント を参照してください。

429
jwfearn

キャタピラーケースとしても知られています

36
tim_yates

ここに正しいリンクを追加する ケバブケース

これは、すべて小文字で区切られた単語です。

13
user666

私はいつもそれを呼び、それが「ダッシュケース」と呼ばれるのを聞いた。

8
Mike Campbell

文字( - )は「ハイフン」または「ダッシュ」と呼ばれるので、これを「ダッシュケース」または「」と命名する方がより自然に見えますハイフンケース "(あまり使用されない).

ウィキペディア で述べたように、 " kebab-case "も使われます。どうやら( 答え を見てください)これはキャラクターがのように見えるためです...それはいくらかの想像力が必要ですしかし。
例えば、 lodash lib で使用されます。

最近、 " dash-case "が使われていました。

6
Guillaume Husta

私はそれが ハイフン付き であったと言うだけです。

5
Jem Marsh

標準化された名前はありません。

jquery および lodash のようなライブラリは、それをkebab-caseとして参照します。 Vuejs JavaScriptフレームワークもそうです。しかし、私はそれがJavaScriptの世界でkebab-caseとして参照されていることを宣言するのが安全であるかどうかわからない。

5
Gaurang Patel

廃止から言及する価値があります。

https://github.com/tpope/vim-abolish/blob/master/doc/abolish.txt#L152

ダッシュケースまたはケバブケース

2
albfan

これが最近の逆組み合わせです。角度付きJSおよびPluralsightコースのどこにでもある文書、および角度付きの本はすべて、2つを区別するのではなく、kebab-caseをスネークケースと呼んでいます。

Snake_caseとcaterpillar-caseは簡単に覚えられ、実際にはそれらが表すもののように見えるので(その想像力が優れていれば)、あまりにも悪いCaterpillar-caseは問題ありません。

2
Wray Smallwood

いくつかの研究の後の完全なリスト:

  • ケバブケース
  • キャタピラーケース
  • ダッシュケース
  • ハイフンケース
  • LISPの場合
  • 脊椎症例
  • CSSケース
2
Shadi Namrouti

Salesforceでは、kebab-caseと呼ばれています。下記参照

https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.js_props_names

1
Ramanraj Saxena

String.prototype.toKebabCaseに対する私のECMAScriptの提案。

String.prototype.toKebabCase = function () {
  return this.valueOf().replace(/-/g, ' ').split('')
    .reduce((str, char) => char.toUpperCase() === char ?
      `${str} ${char}` :
      `${str}${char}`, ''
    ).replace(/ * /g, ' ').trim().replace(/ /g, '-').toLowerCase();
}
0