Number() в JavaScript

Number — это обёртка над примитивным числовым типом, которая содержит дополнительные значения и методы работы с числами:

- проверки на специальные значения isNaN, isFinite
- конвертирование в строку toString и toLocaleString

Числа автоматически оборачиваются в обёртку Number при вызове методов над ними.
Обернуть числа в Number можно вручную, вызвав конструктор new Number():

 const primitive = 50
 const num = new Number(100)

В этом случае переменные primitive и num будут разных типов:
console.log(typeof primitive)
// number
console.log(typeof num)
// object

console.log(num == 100)
// true, при приведении к числовому типу значения будут одинаковыми
console.log(num === 100)
// false, потому что разные типы данных

👉 @frontendInterview

Проектирование веб-API

API позволяет разработчикам выполнять интеграцию с приложением без детализированного знания кода. Независимо от того, используете ли вы установленные стандарты, такие как REST и OpenAPI, или более новые подходы, например GraphQL или gRPC, освоение разработки API – своего рода суперспособность. Благодаря ней пользоваться вашими веб-сервисами станет легче, и ваши клиенты – как внутренние, так и внешние – останутся довольны.

👉 @frontendInterview

Name That Number!

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

Примеры:
nameThatNumber(4) // returns "four"
nameThatNumber(19) // returns "nineteen"
nameThatNumber(99) // returns "ninety nine"

👉 @frontendInterview

Перебор генераторов

Генераторы являются перебираемыми объектами.
Возвращаемые ими значения можно перебирать через for..of:
function* generateSequence() {
yield 1;
yield 2;
return 3;
}

let generator = generateSequence();

for(let value of generator) {
alert(value); // 1, затем 2
}

…Но обратите внимание: пример выше выводит значение 1, затем 2. Значение 3 выведено не будет!
Это из-за того, что перебор через for..of игнорирует последнее значение, при котором done: true. Поэтому, если мы хотим, чтобы были все значения при переборе через for..of, то надо возвращать их через yield

👉 @frontendInterview

👉 @frontendInterview

Для чего нужен HTML атрибут alt?

Атрибут alt очень полезен, потому что с помощью него пользователи скринридеров могут понять, что изображено на картинке.

Но мы можем использовать alt по другому, а именно на основе текста из заголовка дополнить его, добавив больше деталей о изображении. Например, если у нас карточка товара, в которой заголовок-название товара и изображение, то в alt можно описать внешние характеристики товара.

Не делайте так

 <header>
   <h3>adidas Originals Superstar</h3>
   <img src="picture.jpg" alt="adidas Originals Superstar">
 </header>

Можно сделать так
<header>
<h3>adidas Originals Superstar</h3>
<img src="picture.jpg" alt="кроссовки с логотипом adidas с 3 полосками, классическим усиленным носком и тонкой подошвой">
</header>

👉 @frontendInterview

Хотите создавать интерфейсы для приложений и сайтов ― освойте навыки UX/UI-дизайна. У любого бизнеса ― от стартапа до крупной корпорации есть свой сайт или мобильное приложение. На бесплатном курсе вы узнаете об основных принципах проектирования удобных и красивых интерфейсов.

Вместе с экспертами-практиками из AGIMA разберёте:
⁃ Типичные ошибки и удачные кейсы.
⁃ С чего начать карьеру в UX/UI-дизайне и как понять, подходит ли вам эта профессия.
⁃ Как по шагам создать свой первый лендинг на Tilda.

Сделайте первый шаг к востребованной профессии на стыке IT и дизайна.

Регистрация https://netolo.gy/jse

Реклама. ООО «Нетология»

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Как преобразовать вложенный массив в простой?

Метод flat() возвращает новый массив,

 var newArray = arr.flat(depth);

в котором все элементы вложенных под массивов были рекурсивно "подняты" на указанный уровень depth.

Пример:

 const arr1 = [1, 2, [3, 4]];
 arr1.flat(); //? [1, 2, 3, 4]

 const arr2 = [1, 2, [3, 4, [5, 6]]];
 arr2.flat(); //? [1, 2, 3, 4, [5, 6]]

 const arr3 = [1, 2, [3, 4, [5, 6]]];
 arr3.flat(2); //? [1, 2, 3, 4, 5, 6]

Также существует и побочное действие, он удаляет не определенные элементы массива

Пример:
const arr4 = [1, 2, , 4, 5];
arr4.flat(); //? [1, 2, 4, 5]

👉 @frontendInterview

Software Architecture: The Hard Parts: Modern Trade-Of

В архитектуре программного обеспечения не бывает простых решений. Вместо этого есть много трудных моментов - трудных проблем или вопросов, не имеющих наилучших практик, - которые вынуждают вас выбирать между различными компромиссами. Из этой книги вы узнаете, как критически относиться к компромиссам, связанным с распределенными архитектурами.

👉 @frontendInterview

Sort rectangles and circles by area II

Вам дан массив, состоящий из длин сторон прямоугольников(массив из двух чисел) и радиусов окружностей(просто числа). Отсортируйте данный массив по площади фигур.

Пример:
const array = [ [4.23, 6.43], 1.23, 3.444, [1.342, 3.212] ]; // [ rectangle, circle, circle, rectangle ]
sortByArea(array) => [ [ 1.342, 3.212 ], 1.23, [ 4.23, 6.43 ], 3.444 ]

👉 @frontendInterview

Можно ли изменить цвет текстового курсора в input?

Свойство caret-color задаёт цвет текстового курсора в полях ввода, например, <input> или <textarea>.

Пример
Курсор в поле ввода будет красного цвета:
<label>
Красная каретка
<input class="red" type="text" placeholder="Красная каретка">
</label>

👉 @frontendInterview

👉 @frontendInterview