Qual é o nome do caso separado por hífen?

Aqui é PascalCase: SomeSymbol

Este é o camelCase: someSymbol

Isto é snake_case: some_symbol

Então, minhas perguntas são se existe um nome amplamente aceito para isso some-symbol:? É comumente usado em URLs.

Não existe realmente um nome padrão para esta convenção de caso e há desacordo sobre o que deve ser chamado.

Dito isto, a partir de 2019, há um argumento forte de que o caso de kebab está ganhando:

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

a coluna vertebral é um segundo distante, e nenhum outro termo tem tração.

Além disso, o kebab-case inseriu o léxico de várias bibliotecas de códigos javascript, por exemplo:

• 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

No entanto, ainda existem outros termos que as pessoas usam. O Lisp usa essa convenção há décadas, como descrito nesta entrada da Wikipedia , então algumas pessoas a descreveram como caso do lisp . Algumas outras formas que eu vi incluem lagarta-caso , traço-caso , e hífen caso , mas nenhuma delas é padrão.

Portanto, a resposta para sua pergunta é: Não, não existe um único nome amplamente aceito para esta convenção de caso análoga a snake_case ou camelCase , que são amplamente aceitas.

É referido como caso de kebab . Veja os documentos do lodash .

Também é conhecido como caso de lagarta

Adicionando o link correto aqui Kebab Case

que é Todas as minúsculas com - separando palavras.

Como o caractere (-) é chamado de "hífen" ou "traço", parece mais natural denominar " caso de traço " ou " caso de hífen " (usado com menos frequência).

Como mencionado na Wikipedia , " kebab-case " também é usado. Aparentemente (veja a resposta ), isso ocorre porque o personagem se parece com um espeto ... Porém, ele precisa de imaginação.
Utilizado no lodash lib, por exemplo.

Recentemente, " caso de traço " foi usado por

• Angular ( https://angular.io/guide/glossary#case-types )
• Módulos NPM
  • https://www.npmjs.com/package/case-dash
  • https://www.npmjs.com/package/dasherize

Eu sempre o chamei, e ouvi-o ser chamado de 'traço'.

A lista completa após algumas pesquisas:

• Kebab case
• Caso Caterpillar
• Caso traço
• Caso hífen
• Caso Lisp
• Caso espinhal
• Caso CSS

Não há nome padronizado.

Bibliotecas como jquery e lodash o referem como kebab-case. O mesmo acontece com o framework javascript do Vuejs . No entanto, não tenho certeza se é seguro declarar que é referido kebab-caseno mundo javascript.

Eu simplesmente diria que foi hifenizado .

Vale mencionar de abolir:

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

caixa de traço ou caixa de kebab

No Salesforce, é referido como kebab-case. Ver abaixo

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

Aqui está uma descombobulação mais recente. Documentação em todos os lugares nos cursos angulares de JS e Pluralsight e livros sobre angular, todos se referem ao caso de kebab como um caso de cobra, sem diferenciar os dois.

Seu estojo de lagarta muito ruim não grudou porque snake_case e caterpillar-case são facilmente lembrados e realmente se parecem com o que representam (se você tiver uma boa imaginação).

Minha proposta ECMAScript para 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();
}