Ajuda com arrays e objetos

Front-end JavaScript
#1

Olá. Estou lendo o livro Javascript: O guia definitivo. Logo no começo me deparei com os seguintes arrays e objetos:

// Os arrays e objetos podem conter outros arrays e objetos:

var points = [
	{x:0, y:0},
	{x:1, y:1}
];

var data = { // Um array com 2 elementos.
	// Cada elemento é um objeto.
	// Um objeto com 2 propriedades
	trial1: [[1,2], [3,4]], // O valor de cada propriedade é um array.
	trial2: [[2,3], [4,5]], // Os elementos dos arrays são arrays.
}

Eu reproduzi o seguinte no notepad++:

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>HTML Document</title>
</head>

<body>
	<script>
		var points = [
			{x:0, Y:0},
			{x:1, y:1}
		];
		
		var data = {
			trial1: [[1,2], [3,4]],
			trial2: [[2,3], [4,5]],
		}
		
		document.write (points [x, y]);
	</script>
</body>

</html>

Minha dúvida é no “document…”. Como faço para dar as saídas?

Valew. De verdade.

#2

Voce pode imprimir no console do navegador:

console.log(points);

Ou com uma formatação (também no console do navegador):

console.table(points);
#3

Alguém não sabe como posso fazer isso no Notepad++? Porque o console eu não sei como funciona. Depois que a pessoa aperta Enter parece que não tem mais como voltar e corrigir os códigos. Pelo menos não sei.

Valew.

#4

Então, esses códigos console.log(points); e console.table(points);, vc coloca eles no seu código que, no caso, é pelo notepat++, que é o editor que escolheu para usar.

Substitua, no seu código, o:

document.write (points [x, y]);

Por:

console.log(points);

Para esclarecer, fazer isso: points [x, y] não é uma instrução válida, provavelmente dará erro. O correto seria: points[index], onde index é a posição do elemento do array.