Em JavaScript, os métodos filter e map são frequentemente usados para manipulação de arrays, enquanto o operador spread (...) pode ser utilizado para copiar, combinar ou transformar arrays e objetos.

Considere o seguinte código que faz uso desses conceitos.

const products = [

{ id: 1, name: 'Laptop', price: 1500, available: true },

{ id: 2, name: 'Phone', price: 800, available: false },

{ id: 3, name: 'Tablet', price: 600, available: true }

];

const availableProducts = products

.filter(product => product.available)

.map(product => ({ ...product, price: product.price * 0.9 }));

const finalProductList = [

...availableProducts,

{ id: 4, name: 'Monitor', price: 300, available: true }

];

console.log(finalProductList[1]);

Considerando o código acima, qual das alternativas a seguir descreve corretamente o que será impresso no console após a execução do código?

Os laços de repetição em JavaScript são usados para iterar sobre coleções de dados, como arrays, objetos ou strings, permitindo a execução repetida de um bloco de código. Dois dos principais laços usados para esse propósito são for...in e for...of. Cada um deles possui uma funcionalidade específica e um comportamento distinto na iteração de elementos.

Com relação ao tema apresentado, analise as afirmativas a seguir:

I. O laço for...of é usado para iterar diretamente sobre os valores de objetos iteráveis, como arrays e strings.

II. O laço for...in é usado para iterar sobre as propriedades enumeráveis (chaves) de um objeto.

III. O laço for...of pode ser utilizado para iterar sobre as propriedades de objetos que não sejam iteráveis.

IV. O laço for...in retorna os valores dos elementos de um array, enquanto for...of retorna os índices do array.

Estão corretas apenas as afirmativas

Analise o código em JavaScript, que faz uso da palavra reservada this no contexto de um objeto, em funções regulares e funções arrow. A palavra this refere-se ao contexto de execução em que uma função é chamada, mas seu comportamento pode variar entre funções regulares e funções arrow.

const pessoa = { nome: 'Alice', saudar: function() { const saudacaoRegular = function() { console.log(`Olá, meu nome é ${this.nome}`); }; const saudacaoArrow = () => { console.log(`Olá, meu nome é ${this.nome}`); }; saudacaoRegular(); saudacaoArrow(); } }; pessoa.saudar();

A saída no console da execução do código apresentado será:

Analise o seguinte código em JavaScript, que manipula arrays utilizando os métodos sort, map e filter. Esses métodos são amplamente utilizados para ordenar, transformar e filtrar elementos de arrays de forma eficiente, proporcionando uma maneira funcional e concisa de trabalhar com coleções de dados em JavaScript.

const numeros = [10, 5, 8, 1, 7];

const final = numeros

.sort((a,b) => b - a)

.map(num => num * 3)

.filter(num => num % 2 === 0);

console.log(final);

O conteúdo do array final após a execução do código será:

No JavaScript, os comandos break e continue são utilizados para controlar o fluxo de execução em estruturas de repetição, como for, while e do...while, bem como em estruturas de seleção switch.

Qual das afirmações que seguem descreve corretamente o comportamento desses comandos?

Observe o trecho de código a seguir, que faz uso dos comandos async/await na linguagem JavaScript. Esses comandos são utilizados para trabalhar com operações assíncronas de maneira mais simples e legível.

async function getTodoData() {

try {

const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');

const data = await response.json();

console.log(data.title);

} catch (e) {

console.log("Erro ao buscar dados");

}

}

getTodoData();

console.log("Depois de getTodoData");

O código faz uma requisição à URL 'https://jsonplaceholder.typicode.com/todos/1' e, caso a resposta seja recebida com sucesso, o conteúdo será

{"userId":1,"id":1,"title":"delectus aut autem","completed":false}

Quais serão as duas saídas apresentadas no console quando o código for executado?

As funções em JavaScript permitem a passagem de valores durante sua execução, possibilitando a manipulação dinâmica de dados e comportamentos com base nos argumentos fornecidos. Considere o seguinte código em JavaScript, que faz a chamada de uma função com parâmetros:

function func1(msg, num) {

return msg+num;

}

let msg = "10";

let num = 10;

let result = func1(msg,num);

console.log(result);

Qual será o resultado apresentado após a execução do código?

Considere o código a seguir, que manipula um array utilizando a linguagem JavaScript. Sabendo que os arrays em JavaScript não possuem alocação pré-definida e não exigem a declaração prévia de seu tamanho, analise o comportamento do código.

const numbers = [1, 2, 3];

numbers[5] = 6;

console.log(numbers.length);

Após a execução do código, qual será o valor exibido no console?

Considere o seguinte código JavaScript, que cria dinamicamente uma modal no DOM ao clicar em qualquer botão com a classe .openModal. A modal contém um botão de “Fechar”, que a remove do DOM quando clicado.

document.querySelectorAll('.openModal')

.forEach(btn => btn.addEventListener('click', () => {

const modal = document.createElement('div');

modal.classList.add('modal');

modal.innerHTML = `<div class="modal-content">

<h2>Hello World!</h2>

<p>This is my website</p>

<button id="closeModal">Fechar</button>

</div>`;

modal.querySelector('#closeModal')

.addEventListener('click', () => modal.remove());

document.body.appendChild(modal);

}));

Com base no código acima, analise as seguintes afirmações sobre o comportamento esperado do site e identifique a INCORRETA:

Considere o trecho de código em JavaScript abaixo. Ele utiliza o operador spread (...), que é amplamente usado para manipular arrays e objetos, permitindo a expansão de seus elementos. Observe como o operador interage com o array fornecido.

let [a, ...b] = [1, 2, 3, 4];

console.log(b);

Após a execução do código, qual será o conteúdo da variável b?