Задачи к уроку 1.5: Массивы и объекты в JavaScript

Задачи к уроку 1.5: Массивы и объекты в JavaScript

14.02.2023
1589
Задачи к уроку 1.5 по JavaScript: массивы и объекты. Решения задач для закрепления материала. Создание массивов и объектов, функции, методы.

Задача №1

Создайте массив из чисел от 1 до 5. Используя цикл for, выведите все элементы массива в консоль.

Решение:

let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

Описание решения:

Данный код создает массив из чисел от 1 до 5 и выводит их в консоль.

Задача №2

Создайте объект с полями name и age. Заполните их произвольными значениями и выведите объект в консоль.

Решение:

let person = {
  name: "John",
  age: 30
};
console.log(person);

Описание решения:

Данный код создает объект person с полями name и age и выводит его в консоль.

Задача №3

Создайте массив объектов с полями name и age. Заполните их произвольными значениями и выведите массив в консоль.

Решение:

let people = [
  { name: "John", age: 30 },
  { name: "Bob", age: 25 },
  { name: "Alice", age: 28 }
];
console.log(people);

Описание решения:

Данный код создает массив people, содержащий три объекта с полями name и age, и выводит его в консоль.

Задача №4

Создайте массив из чисел от 1 до 10. Используя метод filter, создайте новый массив, содержащий только четные числа.

Решение:

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers);

Описание решения:

Данный код создает массив numbers из чисел от 1 до 10 и использует метод filter, чтобы создать новый массив evenNumbers, содержащий только четные числа.

Задача №5

Создайте объект с методом, который выводит в консоль строку "Hello, world!".

Решение:

let myObject = {
  sayHello: function() {
    console.log("Hello, world!");
  }
};
myObject.sayHello();

Описание решения:

Данный код создает объект myObject с методом sayHello, который выводит в консоль строку "Hello, world!".

Задача №6

Создайте функцию, которая принимает массив чисел и возвращает сумму этих чисел.

Решение:

function sum(numbers) {
  let result = 0;
  for (let i = 0; i < numbers.length; i++) {
    result += numbers[i];
  }
  return result;
}
let numbers = [1, 2, 3, 4, 5];
console.log(sum(numbers));

Описание решения:

Данный код создает функцию sum, которая принимает массив чисел и возвращает их сумму. Затем создается массив numbers и вызывается функция sum, передавая ей этот массив в качестве аргумента.

Задача №7

Создайте объект, содержащий информацию о человеке: имя, возраст, город и телефон. Напишите функцию, которая принимает этот объект в качестве аргумента и выводит информацию о человеке в консоль.

Решение:

let person = {
  name: "John",
  age: 30,
  city: "New York",
  phone: "123-456-7890"
};
function showPersonInfo(person) {
  console.log("Name: " + person.name);
  console.log("Age: " + person.age);
  console.log("City: " + person.city);
  console.log("Phone: " + person.phone);
}
showPersonInfo(person);

Описание решения:

Данный код создает объект person с информацией о человеке и функцию showPersonInfo, которая принимает этот объект в качестве аргумента и выводит информацию о нем в консоль.

Задача №8

Создайте функцию, которая принимает массив объектов с полями name и age и возвращает массив имен людей, возраст которых больше 25 лет.

Решение:

function getNamesOfPeopleOlderThan25(people) {
  let result = [];
  for (let i = 0; i < people.length; i++) {
    if (people[i].age > 25) {
      result.push(people[i].name);
    }
  }
  return result;
}
let people = [
  { name: "John", age: 30 },
  { name: "Bob", age: 25 },
  { name: "Alice", age: 28 }
];
console.log(getNamesOfPeopleOlderThan25(people));

Описание решения:

Данный код создает функцию getNamesOfPeopleOlderThan25, которая принимает массив объектов с полями name и age и возвращает массив имен людей, возраст которых больше 25 лет. Затем создается массив people и вызывается функция getNamesOfPeopleOlderThan25, передавая ей этот массив в качестве аргумента.

Задача №9

Создайте объект, содержащий информацию о книге: название, автор и количество страниц. Напишите функцию, которая принимает этот объект в качестве аргумента и выводит информацию о книге в консоль.

Решение:

let book = {
  title: "JavaScript: The Definitive Guide",
  author: "David Flanagan",
  pageCount: 1096
};
function showBookInfo(book) {
  console.log("Title: " + book.title);
  console.log("Author: " + book.author);
  console.log("Page count: " + book.pageCount);
}
showBookInfo(book);

Описание решения:

Данный код создает объект book с информацией о книге и функцию showBookInfo, которая принимает этот объект в качестве аргумента и выводит информацию о книге в консоль.

Задача №10

Создайте функцию, которая принимает два массива и возвращает новый массив, содержащий элементы обоих массивов.

Решение:

function mergeArrays(array1, array2) {
  let result = array1.concat(array2);
  return result;
}
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
console.log(mergeArrays(array1, array2));

Описание решения:

Данный код создает функцию mergeArrays, которая принимает два массива и возвращает новый массив, содержащий элементы обоих массивов. Затем создаются два массива (array1 и array2) и вызывается функция mergeArrays, передавая ей эти массивы в качестве аргументов.

Заключение

Выполнение данных заданий поможет закрепить материал урока по работе с массивами и объектами в языке программирования JavaScript. Использование данных конструкций является необходимым при разработке современных веб-приложений и сайтов.