-
-
Save kavalcante/16106796c430c1711a71c5ba1213cee5 to your computer and use it in GitHub Desktop.
states: [ | |
{ 'AC': 'Acre' }, | |
{ 'AL': 'Alagoas' }, | |
{ 'AP': 'Amapá' }, | |
{ 'AM': 'Amazonas' }, | |
{ 'BA': 'Bahia' }, | |
{ 'CE': 'Ceará' }, | |
{ 'DF': 'Distrito Federal' }, | |
{ 'ES': 'Espírito Santo' }, | |
{ 'GO': 'Goías' }, | |
{ 'MA': 'Maranhão' }, | |
{ 'MT': 'Mato Grosso' }, | |
{ 'MS': 'Mato Grosso do Sul' }, | |
{ 'MG': 'Minas Gerais' }, | |
{ 'PA': 'Pará' }, | |
{ 'PB': 'Paraíba' }, | |
{ 'PR': 'Paraná' }, | |
{ 'PE': 'Pernambuco' }, | |
{ 'PI': 'Piauí' }, | |
{ 'RJ': 'Rio de Janeiro' }, | |
{ 'RN': 'Rio Grande do Norte' }, | |
{ 'RS': 'Rio Grande do Sul' }, | |
{ 'RO': 'Rondônia' }, | |
{ 'RR': 'Roraíma' }, | |
{ 'SC': 'Santa Catarina' }, | |
{ 'SP': 'São Paulo' }, | |
{ 'SE': 'Sergipe' }, | |
{ 'TO': 'Tocantins' }, | |
], |
Para quem precisar só do array:
let estados = [
'AC - Acre',
'AL - Alagoas',
'AP - Amapá',
'AM - Amazonas',
'BA - Bahia',
'CE - Ceará',
'DF - Distrito Federal',
'ES - Espírito Santo',
'GO - Goías',
'MA - Maranhão',
'MT - Mato Grosso',
'MS - Mato Grosso do Sul',
'MG - Minas Gerais',
'PA - Pará',
'PB - Paraíba',
'PR - Paraná',
'PE - Pernambuco',
'PI - Piauí',
'RJ - Rio de Janeiro',
'RN - Rio Grande do Norte',
'RS - Rio Grande do Sul',
'RO - Rondônia',
'RR - Roraíma',
'SC - Santa Catarina',
'SP - São Paulo',
'SE - Sergipe',
'TO - Tocantins'
];
Para quem precisar de um option para o HTML:
<label for="address_state">Estado</label>
<select id="address_state" class="form-control" name="address_state" >
<option selected>Escolher...</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goías</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraíma</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
</select>
Pra quem precisar :
const states = [
{ value: 'AC', label: 'Acre' },
{ value: 'AL', label: 'Alagoas' },
{ value: 'AP', label: 'Amapá' },
{ value: 'AM', label: 'Amazonas' },
{ value: 'BA', label: 'Bahia' },
{ value: 'CE', label: 'Ceará' },
{ value: 'DF', label: 'Distrito Federal' },
{ value: 'ES', label: 'Espírito Santo' },
{ value: 'GO', label: 'Goías' },
{ value: 'MA', label: 'Maranhão' },
{ value: 'MT', label: 'Mato Grosso' },
{ value: 'MS', label: 'Mato Grosso do Sul' },
{ value: 'MG', label: 'Minas Gerais' },
{ value: 'PA', label: 'Pará' },
{ value: 'PB', label: 'Paraíba' },
{ value: 'PR', label: 'Paraná' },
{ value: 'PE', label: 'Pernambuco' },
{ value: 'PI', label: 'Piauí' },
{ value: 'RJ', label: 'Rio de Janeiro' },
{ value: 'RN', label: 'Rio Grande do Norte' },
{ value: 'RS', label: 'Rio Grande do Sul' },
{ value: 'RO', label: 'Rondônia' },
{ value: 'RR', label: 'Roraíma' },
{ value: 'SC', label: 'Santa Catarina' },
{ value: 'SP', label: 'São Paulo' },
{ value: 'SE', label: 'Sergipe' },
{ value: 'TO', label: 'Tocantins' },
];
return [
'AC',
'AL',
'AP',
'AM',
'BA',
'CE',
'DF',
'ES',
'GO',
'MA',
'MT',
'MS',
'MG',
'PA',
'PB',
'PR',
'PE',
'PI',
'RJ',
'RN',
'RS',
'RO',
'RR',
'SC',
'SP',
'SE',
'TO',
]
Solução pronta pra VUE 2.x with vuetify:
<v-select color="secondary" single-line :items="estados" item-text="nome" item-value="sigla" label="Estado" v-model="estado" />
estados: [
{ sigla:'AC', nome: 'Acre' },
{ sigla:'AL', nome: 'Alagoas' },
{ sigla:'AP', nome: 'Amapá' },
{ sigla:'AM', nome: 'Amazonas' },
{ sigla:'BA', nome: 'Bahia' },
{ sigla:'CE', nome: 'Ceará' },
{ sigla:'DF', nome: 'Distrito Federal' },
{ sigla:'ES', nome: 'Espírito Santo' },
{ sigla:'GO', nome: 'Goías' },
{ sigla:'MA', nome: 'Maranhão' },
{ sigla:'MT', nome: 'Mato Grosso' },
{ sigla:'MS', nome: 'Mato Grosso do Sul' },
{ sigla:'MG', nome: 'Minas Gerais' },
{ sigla:'PA', nome: 'Pará' },
{ sigla:'PB', nome: 'Paraíba' },
{ sigla:'PR', nome: 'Paraná' },
{ sigla:'PE', nome: 'Pernambuco' },
{ sigla:'PI', nome: 'Piauí' },
{ sigla:'RJ', nome: 'Rio de Janeiro' },
{ sigla:'RN', nome: 'Rio Grande do Norte' },
{ sigla:'RS', nome: 'Rio Grande do Sul' },
{ sigla:'RO', nome: 'Rondônia' },
{ sigla:'RR', nome: 'Roraíma' },
{ sigla:'SC', nome: 'Santa Catarina' },
{ sigla:'SP', nome: 'São Paulo' },
{ sigla:'SE', nome: 'Sergipe' },
{ sigla:'TO', nome: 'Tocantins' },
]
Para TypeScript | 'AC'
| 'AL'
| 'AP'
| 'AM'
| 'BA'
| 'CE'
| 'DF'
| 'ES'
| 'GO'
| 'MA'
| 'MT'
| 'MS'
| 'MG'
| 'PA'
| 'PB'
| 'PR'
| 'PE'
| 'PI'
| 'RJ'
| 'RN'
| 'RS'
| 'RO'
| 'RR'
| 'SC'
| 'SP'
| 'SE'
| 'TO';
Gracias nobre. Só os estados de Goiás e Roraima q estão com a acentuação errada (Goías -> Goiás, Roraíma -> Roraima), mas é facinho de corrigir. Vlw <3
Em enum:
export enum BrasiliamStates {
AC = 'Acre',
AL = 'Alagoas',
AP = 'Amapá',
AM = 'Amazonas',
BA = 'Bahia',
CE = 'Ceará',
DF = 'Distrito Federal',
ES = 'Espírito Santo',
GO = 'Goías',
MA = 'Maranhão',
MT = 'Mato Grosso',
MS = 'Mato Grosso do Sul',
MG = 'Minas Gerais',
PA = 'Pará',
PB = 'Paraíba',
PR = 'Paraná',
PE = 'Pernambuco',
PI = 'Piauí',
RJ = 'Rio de Janeiro',
RN = 'Rio Grande do Norte',
RS = 'Rio Grande do Sul',
RO = 'Rondônia',
RR = 'Roraíma',
SC = 'Santa Catarina',
SP = 'São Paulo',
SE = 'Sergipe',
TO = 'Tocantins',
}
Muito Obrigado
Em enum:
export enum BrasiliamStates { AC = 'Acre', AL = 'Alagoas', AP = 'Amapá', AM = 'Amazonas', BA = 'Bahia', CE = 'Ceará', DF = 'Distrito Federal', ES = 'Espírito Santo', GO = 'Goías', MA = 'Maranhão', MT = 'Mato Grosso', MS = 'Mato Grosso do Sul', MG = 'Minas Gerais', PA = 'Pará', PB = 'Paraíba', PR = 'Paraná', PE = 'Pernambuco', PI = 'Piauí', RJ = 'Rio de Janeiro', RN = 'Rio Grande do Norte', RS = 'Rio Grande do Sul', RO = 'Rondônia', RR = 'Roraíma', SC = 'Santa Catarina', SP = 'São Paulo', SE = 'Sergipe', TO = 'Tocantins', }
Com acentuações apontadas pelo @miroswd corrigidas:
export enum EstadosBrasileirosEnum {
AC = "Acre",
AL = "Alagoas",
AP = "Amapá",
AM = "Amazonas",
BA = "Bahia",
CE = "Ceará",
DF = "Distrito Federal",
ES = "Espírito Santo",
GO = "Goiás",
MA = "Maranhão",
MT = "Mato Grosso",
MS = "Mato Grosso do Sul",
MG = "Minas Gerais",
PA = "Pará",
PB = "Paraíba",
PR = "Paraná",
PE = "Pernambuco",
PI = "Piauí",
RJ = "Rio de Janeiro",
RN = "Rio Grande do Norte",
RS = "Rio Grande do Sul",
RO = "Rondônia",
RR = "Roraima",
SC = "Santa Catarina",
SP = "São Paulo",
SE = "Sergipe",
TO = "Tocantins",
}
export const states = [
{ id: "ac", description: "Acre", slug: "acre" },
{ id: "al", description: "Alagoas", slug: "alagoas" },
{ id: "ap", description: "Amapá", slug: "amapa" },
{ id: "am", description: "Amazonas", slug: "amazonas" },
{ id: "ba", description: "Bahia", slug: "bahia" },
{ id: "ce", description: "Ceará", slug: "ceara" },
{ id: "df", description: "Distrito Federal", slug: "distrito_federal" },
{ id: "es", description: "Espírito Santo", slug: "espirito_santo" },
{ id: "go", description: "Goías", slug: "goias" },
{ id: "ma", description: "Maranhão", slug: "maranhao" },
{ id: "mt", description: "Mato Grosso", slug: "mato_grosso" },
{ id: "ms", description: "Mato Grosso do Sul", slug: "mato_grosso_do_sul" },
{ id: "mg", description: "Minas Gerais", slug: "minas_gerais" },
{ id: "pa", description: "Pará", slug: "para" },
{ id: "pb", description: "Paraíba", slug: "paraiba" },
{ id: "pr", description: "Paraná", slug: "parana" },
{ id: "pe", description: "Pernambuco", slug: "pernambuco" },
{ id: "pi", description: "Piauí", slug: "piaui" },
{ id: "rj", description: "Rio de Janeiro", slug: "rio_de_janeiro" },
{ id: "rn", description: "Rio Grande do Norte", slug: "rio_grande_do_norte" },
{ id: "rs", description: "Rio Grande do Sul", slug: "rio_grande_do_sul" },
{ id: "ro", description: "Rondônia", slug: "rondonia" },
{ id: "rr", description: "Roraíma", slug: "roraima" },
{ id: "sc", description: "Santa Catarina", slug: "santa_catarina" },
{ id: "sp", description: "São Paulo", slug: "sao_paulo" },
{ id: "se", description: "Sergipe", slug: "sergipe" },
{ id: "to", description: "Tocantins", slug: "tocantins" },
];
Apenas as siglas em um array
const states = [
'AC',
'AL',
'AP',
'AM',
'BA',
'CE',
'DF',
'ES',
'GO',
'MA',
'MT',
'MS',
'MG',
'PA',
'PB',
'PR',
'PE',
'PI',
'RJ',
'RN',
'RS',
'RO',
'RR',
'SC',
'SP',
'SE',
'TO',
];
@lucis Neste caso, eu usei pra traduzir o estado em sua forma escrita. Algo como:
Dá pra fazer a mesma coisa de outras formas, claro. Mas na época, estruturei porque achei que era fácil.