大家好,這裡有一些解構類型的例子和簡單練習,希望對你有幫助
嵌套解構:
const person = { name: 'John', // Propriedade 'name' de valor 'John' address: { // Propriedade 'address' que é um objeto com outras propriedades city: 'New York', // Propriedade 'city' dentro de 'address' country: 'USA' // Propriedade 'country' dentro de 'address' } }; // Desestruturação aninhada: extraindo 'name' e, dentro de 'address', extraindo 'city' e 'country' let { name, // Extrai o valor de 'name' diretamente do objeto 'person' address: { city, country } // Dentro de 'address', extrai 'city' e 'country' } = person; // O objeto 'person' é a fonte da desestruturação // Exibindo os valores extraídos no console console.log(name, city, country); // Isso vai imprimir 'John New York USA'
解構數組(從數組中提取值並將其儲存在變數中):
const number = [1,2,3]; let [a,b,c] = number; console.log(a,b,c);
練習:建立一個函數,接收 dd/mm/yyyy 格式的日期並傳回具有單獨值的陣列。使用 split 函數將字串分割成陣列:
let date = "11/05/2005"; let separar = date.split("/"); console.log(separar);
建立一個函數,接收格式為 dd/mm/yyyy 的日期並傳回具有單獨值的陣列:
let date = "11/05/2005"; function splitDate(date) { return date.split('/'); } console.log(splitDate(date));
另一種方式:
// Função que divide a string de data no formato 'dd/mm/yyyy' e retorna um array function splitDate(dateString) { return dateString.split('/'); // Usa o método split para separar a data por '/' } // Usando a função splitDate para desestruturar os valores de dia, mês e ano let [day, month, year] = splitDate('20/05/2024'); // Exibindo os valores no console console.log(day, month, year); // Isso vai imprimir: 20 05 2024
函數參數解構:
// Definindo a função 'printPerson1' que usa desestruturação no parâmetro function printPerson1({ name, age, city }) { // A função recebe um objeto e extrai as propriedades 'name', 'age' e 'city' // Usando console.log para exibir as variáveis 'name', 'age' e 'city' console.log(name, age, city); // Imprime os valores dessas propriedades } // Criando o objeto 'person' com as propriedades 'name', 'age' e 'city' const person = { name: 'John', // Nome da pessoa age: 30, // Idade da pessoa city: 'New York' // Cidade da pessoa }; // Chamando a função 'printPerson1' e passando o objeto 'person' como argumento // O objeto 'person' será desestruturado na função para acessar 'name', 'age' e 'city' printPerson1(person); // Ao chamar, imprime 'John 30 New York' no console
同樣的事情,但不同的做法:
function printPerson2({ name: n, age: a, city: c }) { console.log(n, a, c); } const person = { name: 'John', age: 30, city: 'New York' }; printPerson2(person);
這是數組解構而不是物件:
function printPerson3([ name, age, city ]) { console.log(name, age, city); } const person = ['Jooaca',30,'New York']; printPerson3(person);
以上是JavaScript 中的解構的詳細內容。更多資訊請關注PHP中文網其他相關文章!