Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Псевдоистина и псевдоложь console.log  - Вывод в консоль undefined - Неопределенное значение

Метод console.log в JavaScript - Вывод информации в консоль

Количество просмотров: 5898

Метод console.log в Javascript позволяет выводить информацию (сообщения, данные и т.п.) из программного кода в консоль.

На этом сайте, при работе с Javascript-кодом, в большинстве случаев для вывода информации использовался метод write объекта document или (иногда) метод alert.

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

document.write("Вывод информации на экран");

window.alert("Модальное Окно");

console.log("Вывод данных в консоль");

Как открыть консоль в браузере?

В браузере по умолчанию консоль скрыта от глаз пользователя. Но ее легко открыть при помощи специальной команды:

Ctrl + Shift + K - открываем Веб-консоль в браузере Mozilla Firefox.

Либо следуем по пути: Инструменты - Веб-разработка - Веб-консоль.

Метод console.log в JavaScript - Вывод информации в консоль

Зная, как открыть консоль браузера, рассмотрим пример вывода в нее информации при помощи метода console.log.

<script type="text/javascript">

document.write("Чтобы открыть Консоль в Firefox - нажмите Ctrl + Shift + K");

console.log("Добро пожаловать в Веб-консоль");

</script>

Вывод информации в консоль...

Итак, при помощи метода console.log можно выводить информацию в консоль браузера.

Со временем Вы оцените достоинства этого способа представления работы Javascript-кода.

Преимущества console.log - Каждый раз с новой строки

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

Если же выводить информацию в окно браузера при помощи метода write объекта document, то для организации переноса строки нужно специально ставить тег br, либо указывать новый параграф - тег p.

<script type="text/javascript">

document.write("Строка №1");
document.write("Строка №2 <br />");
document.write("Строка №3");

console.log("Строка №1");
console.log("Строка №2");
console.log("Строка №3");

</script>

Метод console.log - Каждый раз с новой строки

Строка №1Строка №2
Строка №3

Строка №1
Строка №2
Строка №3

Как видите, строки, выведенные на экран при помощи document.write, следуют друг за другом неразрывно, кроме той, где намеренно введен тег переноса.

В то время как метод console.log каждый раз выводит информацию с новой строки, что очень удобно.

Поэтому для диагностики и отладки Javascript-кода пользуйтесь выводом результатов в консоль.
Частота просмотра уроков
JavaScript
Дизайн сайтов
Псевдоистина и псевдоложь undefined - Неопределенное значение

Ваши комментарии:

Комментарий добавил(а): Александр
Дата: 2020-01-05

Скажите пожалуйста? А возможно вывести в строку в консоль через цикл?

Комментарий добавил(а): Admin
Дата: 2020-01-06

Вывести строку в консоль через цикл? Да можно вывести что-либо в консоль через цикл.

Комментарий добавил(а): Александр
Дата: 2020-01-07

Я извиняюсь за не правильно поставленный вопрос) Дело вот в чем. Я учил Java но потом понял что хочу стать Front-End разработчиком и переключился на JS. Начал с чтения книги "Выразительный Javascript" там есть дз Шахматная доска -Напишите программу, создающую строку, содержащую решётку 8х8, в которой линии разделяются символами новой строки. На каждой позиции либо пробел, либо #. В результате должна получиться шахматная доска. Это задание легко выполнил бы в Java. А тут consol.log - постоянно переносит на новую строку) Но в общем я уже подсмотрел решение) записать все в String. В общем как то так)

Комментарий добавил(а): Admin
Дата: 2020-01-07

Хорошо. Не плохая задача для начала. Удачи в учебе.

Комментарий добавил(а): Александр
Дата: 2020-01-09

Спасибо!)

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru