Quel est le nom du cas séparé par des tirets?

Voici PascalCase: SomeSymbol

Voici camelCase: someSymbol

Voici snake_case: some_symbol

Donc, ma question est de savoir s'il existe un nom largement accepté pour cela some-symbol:? Il est couramment utilisé dans les URL.

Il n'y a pas vraiment de nom standard pour cette convention de cas, et il y a désaccord sur son nom.

Cela dit, à partir de 2019, il y a de fortes raisons de prouver que le kebab-case gagne:

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

la colonne vertébrale est une seconde éloignée, et aucun autre terme n'a de traction du tout.

De plus, kebab-case est entré dans le lexique de plusieurs bibliothèques de code javascript, par exemple:

• https://lodash.com/docs/#kebabCase
• https://www.npmjs.com/package/kebab-case
• https://vuejs.org/v2/guide/components-props.html#Prop-Casing-camelCase-vs-kebab-case

Cependant, il existe encore d'autres termes que les gens utilisent. Lisp a utilisé cette convention pendant des décennies comme décrit dans cette entrée Wikipédia , donc certaines personnes l'ont décrite comme un casse-tête . D'autres formes que j'ai vu notamment la chenille cas , le tableau de bord cas et trait d' union cas , mais aucun d' entre eux est standard.

La réponse à votre question est donc: Non, il n'y a pas un seul nom largement accepté pour cette convention de cas, analogue à snake_case ou camelCase , qui sont largement acceptés.

C'est ce qu'on appelle l' étui à kebab . Voir les documents lodash .

Il est également parfois appelé cas de chenille

Ajout du lien correct ici Étui Kebab

qui est tout en minuscules avec - séparant les mots.

Comme le caractère (-) est appelé "trait d'union" ou "tiret", il semble plus naturel de nommer ce " tiret-cas " ou " trait d'union " (moins fréquemment utilisé).

Comme mentionné dans Wikipédia , le " boîtier kebab " est également utilisé. Apparemment (voir la réponse ), c'est parce que le personnage ressemblerait à une brochette ... Mais il a besoin d'un peu d'imagination.
Utilisé dans lodash lib par exemple.

Récemment, " dash-case " a été utilisé par

• Angulaire ( https://angular.io/guide/glossary#case-types )
• Modules NPM
  • https://www.npmjs.com/package/case-dash
  • https://www.npmjs.com/package/dasherize

Je l'ai toujours appelé, et j'ai entendu l'appeler «tableau de bord».

La liste complète après quelques recherches:

• Étui à kebab
• Étui Caterpillar
• Boîtier de tableau de bord
• Cas de trait d'union
• Cas Lisp
• Cas de la colonne vertébrale
• Cas CSS

Il n'y a pas de nom normalisé.

Les bibliothèques comme jquery et lodash le désignent comme kebab-case. Il en va de même pour le framework javascript de Vuejs . Cependant, je ne sais pas s'il est sûr de déclarer qu'il est référencé comme kebab-casedans le monde javascript.

Je dirais simplement que c'était coupé .

Il convient de mentionner d'abolir:

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

étui pour tableau de bord ou étui pour kebab

Dans Salesforce, il est appelé kebab-case. Voir ci-dessous

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

Voici une discombobulation plus récente. La documentation partout dans les cours JS et Pluralsight angulaires et les livres sur l'angulaire, tous se réfèrent au cas du kebab comme au cas du serpent, sans faire de différence entre les deux.

Son trop mauvais boîtier de chenille n'a pas collé car snake_case et le boîtier de chenille sont faciles à retenir et ressemblent en fait à ce qu'ils représentent (si vous avez une bonne imagination).

Ma proposition ECMAScript pour String.prototype.toKebabCase.

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();
}