Javascript ES5

Índice

ECMAScript 2009, também conhecido como ES5, foi a primeira grande revisão do JavaScript.

Este capítulo descreve os recursos mais importantes do ES5.

Recursos ES5

"usar estrito"
String[número] acesso
Strings multilinhas
String.trim()
Array.isArray()
Matriz forEach()
Mapa de matriz()
Filtro de matriz()
Redução de matriz()
Matriz reduzirRight()
Matriz a cada()
Matriz alguns()
Matriz indexOf()
Matriz lastIndexOf()
JSON.parse()
JSON.stringify()
Data.agora()
Data paraISOString()
Data para JSON()
Getters e setters de propriedades
Palavras reservadas como nomes de propriedades
Métodos de objeto
Objeto defineProperty()
Função vincular()
Vírgulas finais

Suporte ao navegador

ES5 é totalmente compatível com todos os navegadores modernos:


Chrome	IE	Edge	Firefox	Safari	Opera
Yes	9.0	Yes	Yes	Yes	Yes

A diretiva "uso estrito"

"use strict" define que o código JavaScript deve ser executado em "modo estrito".

Com o modo estrito você pode, por exemplo, não usar variáveis não declaradas.

Você pode usar o modo estrito em todos os seus programas. Ajuda você a escrever um código mais limpo, como impedir que você use variáveis não declaradas.

"use strict" é apenas uma expressão de string. Navegadores antigos não gerarão erros se não entenderem.

Acesso à propriedade em strings

O método charAt() retorna o caractere em um valor especificado índice (posição) em uma string:

Exemplo

var str = "HELLO WORLD";
str.charAt(0);            // returns H

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript String Methods</h2>

<p>The charAt() method returns the character at a given position in a string:</p>

<p id="demo"></p>

<script>
var str = "HELLO WORLD";
document.getElementById("demo").innerHTML = str.charAt(0);
</script>
</body>
</html>

ES5 permite acesso a propriedades em strings:

Exemplo

var str = "HELLO WORLD";
str[0];                   // returns H

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript String Methods</h2>

<p>ECMAScript 5 allows property acces on strings:</p>

<p id="demo"></p>

<script>
var str = "HELLO WORLD";
document.getElementById("demo").innerHTML = str[0];
</script>
</body>
</html>

O acesso à propriedade na string pode ser um pouco imprevisível.

Strings em múltiplas linhas

Exemplo

 "Hello \
Dolly!";

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Strings</h1>

<p>
You can break a code line within a text string with a backslash.
</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello \
Dolly!";
</script>

</body>
</html>

O método\pode não ter suporte universal.
Navegadores mais antigos podem tratar os espaços ao redor da barra invertida de forma diferente.
Alguns navegadores mais antigos não permitir espaços atrás do caractere \.

Uma maneira mais segura de quebrar uma string literal é usar string Adição:

Exemplo

 "Hello " + 
"Dolly!";

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Strings</h1>

<p>The safest way to break a code line in a string is using string addition.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";
</script>

</body>
</html>

Palavras reservadas como nomes de propriedades

ES5 permite palavras reservadas como nomes de propriedades:

Exemplo de objeto

 var obj = {name: "John", new: "yes"}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>
<h1>ECMAScript 5</h1>

<p>ECMAScript 5 allows reserved words as property names.</p>
<p id="demo"></p>

<script>
var obj = {name: "John", new: "yes"};
document.getElementById("demo").innerHTML = obj.new;
</script>

</body>
</html>

String `trim()`

O método trim() remove espaços em branco de ambos os lados de uma string.

Exemplo

var str = "       Hello World!        ";
alert(str.trim());

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Strings</h1>
<h2>The trim() Method</h2>

<p id="demo"></p>

<script>
let text1 = "     Hello World!     ";
let text2 = text1.trim();

document.getElementById("demo").innerHTML =
"Length text1 = " + text1.length + "<br>Length text2 = " + text2.length;
</script>

</body>
</html>

`Array.isArray()`

O método isArray() verifica se um objeto é um array.

Exemplo

function myFunction() {
  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  var x = document.getElementById("demo");
    x.innerHTML = Array.isArray(fruits);
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The isArray() Method</h2>

<p>Click the button to check if "fruits" is an array.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  var x = document.getElementById("demo");
  x.innerHTML = Array.isArray(fruits);
}
</script>

</body>
</html>

Matriz `forEach()`

O método forEach() chama uma função uma vez para cada elemento do array.

Exemplo

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);

function myFunction(value) {
   
txt = txt + value + "<br>"; 
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.forEach()</h2>

<p>Calls a function once for each array element.</p>

<p id="demo"></p>

<script>
var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;

function myFunction(value) {
  txt = txt + value + "<br>"; 
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `map()`

Este exemplo multiplica cada valor da matriz por 2:

Exemplo

var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);
  
function myFunction(value) {
  return value * 2;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.map()</h2>

<p>Creates a new array by performing a function on each array element.</p>

<p id="demo"></p>

<script>
var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);

document.getElementById("demo").innerHTML = numbers2;

function myFunction(value, index, array) {
  return value * 2;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `filtro()`

Este exemplo cria um novo array a partir de elementos com valor maior que 18:

Exemplo

 var numbers = [45, 4, 9, 16, 25];
var over18 = 
  numbers.filter(myFunction);
function myFunction(value) {
  return value > 18;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.filter()</h2>

<p>Creates a new array with all array elements that passes a test.</p>

<p id="demo"></p>

<script>
var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

document.getElementById("demo").innerHTML = over18;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `reduce()`

Este exemplo encontra a soma de todos os números em uma matriz:

Exemplo

 var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);
  
function myFunction(total, value) {
  
  return total + value;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.reduce()</h2>

<p>This example finds the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
var numbers = [45, 4, 9, 16, 25];
var sum = numbers.reduce(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value, index, array) {
  return total + value;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `reduceRight()`

Este exemplo também encontra a soma de todos os números em uma matriz:

Exemplo

 var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduceRight(myFunction);
  
function myFunction(total, value) {
  return total + value;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.reduceRight()</h2>

<p>This example finds the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
var numbers = [45, 4, 9, 16, 25];
var sum = numbers.reduceRight(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value) {
  return total + value;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `every()`

Este exemplo verifica se todos os valores são maiores que 18:

Exemplo

 var numbers = [45, 4, 9, 16, 25];
var allOver18 = 
  numbers.every(myFunction);
function myFunction(value) {
  return 
  value > 18;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.every()</h2>

<p>The every() method checks if all array values pass a test.</p>

<p id="demo"></p>

<script>
var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);

document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `some()`

Este exemplo verifica se alguns valores são maiores que 18:

Exemplo

 var numbers = [45, 4, 9, 16, 25];
var allOver18 = 
  numbers.some(myFunction);
function myFunction(value) {
  return 
  value > 18;
}

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Array.some()</h2>

<p>The some() method checks if some array values pass a test.</p>

<p id="demo"></p>

<script>
var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.some(myFunction);

document.getElementById("demo").innerHTML = "Some over 18 is " + allOver18;

function myFunction(value) {
  return value > 18;
}
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `indexOf()`

Pesquise em uma matriz o valor de um elemento e retorne sua posição.

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The indexOf() Method</h2>

<p id="demo"></p>

<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

Matriz `lastIndexOf()`

lastIndexOf() é o mesmo que indexOf(), mas pesquisa a partir do final do array.

Exemplo

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The lastIndexOf() Method</h2>

<p id="demo"></p>

<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>

</body>
</html>

Saiba mais em Métodos de iteração de array JS.

`JSON.parse()`

Um uso comum do JSON é receber dados de um servidor web.

Imagine que você recebeu esta string de texto de um servidor web:

'{"name":"John", "age":30, "city":"New York"}'

A função JavaScript JSON.parse() é usada para converter o texto em um objeto JavaScript:

var obj = JSON.parse('{"name":"John", "age":30, "city":"New 
  York"}');

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>Creating an Object from a JSON String</h2>

<p id="demo"></p>

<script>
const txt = '{"name":"John", "age":30, "city":"New York"}'
const obj = JSON.parse(txt);
document.getElementById("demo").innerHTML = obj.name + ", " + obj.age;
</script>

</body>
</html>

JSON.stringify()

Um uso comum do JSON é enviar dados para um servidor web.

Ao enviar dados para um servidor web, os dados devem ser uma linha.

Imagine que temos este objeto em JavaScript:

var obj = {name:"John", age:30, city:"New York"};

Use a função JavaScript JSON.stringify() para convertê-lo em uma string.

var myJSON = JSON.stringify(obj);

O resultado será uma string seguindo a notação JSON.

myJSON agora é uma string e está pronta para ser enviada a um servidor:

Exemplo

var obj = {name:"John", age:30, city:"New York"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>Create a JSON string from a JavaScript object.</h2>
<p id="demo"></p>

<script>
const obj = {name: "John", age: 30, city: "New York"};
const myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;
</script>

</body>
</html>

`Data.agora()`

Date.now() retorna o número de milissegundos desde a data zero (1º de janeiro. 1970 00:00:00 UTC).

Exemplo

var timInMSs = Date.now();

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.now()</h2>

<p>Date.now() is new in ECMAScript 5 (2009):</p>

<p id="demo1"></p>
<p id="demo2"></p>

<script>
document.getElementById("demo1").innerHTML = Date.now();
var d = new Date();
document.getElementById("demo2").innerHTML = d.getTime();
</script>
</body>
</html>

Date.now() retorna o mesmo que getTime() executado em um objeto Date.

Saiba mais em Datas JS.

Data `paraISOString()`

O método toISOString() converte um objeto Date em uma string, usando o formato padrão ISO:

Exemplo

const d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toISOString() Method</h2>

<p>Convert a date to a string using the ISO standard:</p>
<p id="demo"></p>

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();
</script>

</body>
</html>

Data `paraJSON()`

toJSON() converte um objeto Date em uma string, formatada como uma data JSON.

As datas JSON têm o mesmo formato do padrão ISO-8601: AAAA-MM-DDTHH:mm:ss.sssZ:

Exemplo

d = new Date();
document.getElementById("demo").innerHTML = d.toJSON();

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Date.toJSON()</h2>

<p id="demo"></p>

<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toJSON();
</script>

</body>
</html>

Getters e setters de propriedades

ES5 permite definir métodos de objeto com uma sintaxe semelhante a get ou setting uma propriedade.

Este exemplo cria um getter para uma propriedade chamada fullName:

Exemplo

 // Create an object:
var person = {
  firstName: 
  "John",
  lastName : "Doe",
  get 
  fullName() {
    
  return this.firstName + " " + this.lastName;
  }
};
// Display data from the 
  object using a getter:
document.getElementById("demo").innerHTML = 
  person.fullName;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Getters and Setters</h2>

<p>Getters and setters allow you to get and set properties via methods.</p>

<p>This example creates a getter for a property called fullName.</p>

<p id="demo"></p>

<script>
// Create an object:
var person = {
  firstName: "John",
  lastName : "Doe",
  get fullName() {
    return this.firstName + " " + this.lastName;
  }
};
// Display data from the object using a getter:
document.getElementById("demo").innerHTML = person.fullName;
</script>

</body>
</html>

Este exemplo cria um setter e um getter para a propriedade da linguagem:

Exemplo

 var person = {
  firstName: "John",
  
  lastName : "Doe",
  language : "NO",
  
  get lang() {
    return this.language;
  },
  set lang(value) {
    
  this.language = value;
  }
};
// Set an object 
  property using a setter:
person.lang = "en";
// Display data from the 
  object using a getter:
document.getElementById("demo").innerHTML = 
  person.lang;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Getters and Setters</h2>

<p>Getters and setters allow you to get and set properties via methods.</p>

<p>This example creates a setter and a getter for the language property.</p>

<p id="demo"></p>

<script>
// Create an object:
var person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO",
  get lang() {
    return this.language;
  },
  set lang(value) {
    this.language = value;
  }
};
// Set an object property using a setter:
person.lang = "en";
// Display data from the object using a getter:
document.getElementById("demo").innerHTML = person.lang;
</script>

</body>
</html>

Este exemplo usa um setter para proteger atualizações de idioma em maiúsculas:

Exemplo

 var person = {
  firstName: "John",
  
  lastName : "Doe",
  language : "NO",
  set lang(value) {
    
  this.language = value.toUpperCase();
  }
};
// Set an object 
  property using a setter:
person.lang = "en";
// Display data from the 
  object:
document.getElementById("demo").innerHTML = 
  person.language;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Getters and Setters</h2>

<p>Getters and setters allow you to get and set properties via methods.</p>

<p>This example has a modified setter to secure upper case uppdates of language.</p>

<p id="demo"></p>

<script>
// Create an object:
var person = {
  firstName: "John",
  lastName : "Doe",
  language : "",
  set lang(value) {
     this.language = value.toUpperCase();
  }
};
// Set an object property using a setter:
person.lang = "en";
// Display data from the object:
document.getElementById("demo").innerHTML = person.language;
</script>

</body>
</html>

Saiba mais sobre Gettes e Setters em acessadores de objetos JS

`Object.defineProperty()`

Object.defineProperty() é um novo método Object no ES5.

Permite definir uma propriedade de objeto e/ou alterar o valor e/ou metadados.

Exemplo

 // Create an Object:
var person = {
  firstName: 
  "John",
  lastName : "Doe",
  language : "NO", 
};

  // Change a Property:
Object.defineProperty(person, "language", {
    
  value: "EN",
  writable : true,
  enumerable : true,
  configurable : true
});
// 
  Enumerate Properties
var txt = "";
for (var x in person) {
    
  txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = 
  txt;

Experimente você mesmo →

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=iso-8859-2" http-equiv="Content-Type">
</head>

<body>

<h2>JavaScript defineProperty()</h2>

<p id="demo"></p>

<script>
// Create an Object:
var person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO", 
};
// Change a Property:
Object.defineProperty(person, "language", {
  value: "EN",
  writable : true,
  enumerable : true,
  configurable : true
});
// Enumerate Properties
txt = "";
for (var x in person) {
  txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

O próximo exemplo é o mesmo código, exceto que oculta a propriedade de idioma da enumeração:

Exemplo

 // Create an Object:
var person = {
  firstName: 
  "John",
  lastName : "Doe",
  language : "NO", 
};

  // Change a Property:
Object.defineProperty(person, "language", {
    
  value: "EN",
  writable : true,
  enumerable : false,
  configurable : true
});
// 
  Enumerate Properties
var txt = "";
for (var x in person) {
    
  txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = 
  txt;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript defineProperty()</h2>

<p id="demo"></p>

<script>
// Create an Object:
var person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO", 
};
// Change a Property:
Object.defineProperty(person, "language", {
  value: "EN",
  writable : true,
  enumerable : false,
  configurable : true
});
// Enumerate Properties
txt = "";
for (var x in person) {
  txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = txt;
</script>

</body>
</html>

Este exemplo cria um setter e um getter para proteger atualizações de linguagem em maiúsculas:

Exemplo

 // Create an Object:
var person = {
  firstName: "John",
    lastName : 
  "Doe",
  language : "NO"
};
// Change a Property:
  Object.defineProperty(person, "language", {
  get : function() { return 
  language },
  set : function(value) { language = value.toUpperCase()}
});

  // Change Language
person.language = "en";
// Display Language
  document.getElementById("demo").innerHTML = person.language;

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript defineProperty()</h2>

<p id="demo"></p>

<script>
// Create an Object:
var person = {
  firstName: "John",
  lastName : "Doe",
  language : "NO"
};
// Change a Property:
Object.defineProperty(person, "language", {
  get : function() { return language },
  set : function(value) { language = value.toUpperCase()}
});
// Change language
person.language = "en";
// Display language
document.getElementById("demo").innerHTML = person.language;
</script>

</body>
</html>

Métodos de objeto E5

ES5 adicionou muitos novos métodos de objeto ao JavaScript:

Gerenciando objetos

// Create object with an existing object as prototype
Object.create(parent, donor)

// Adding or changing an object property
Object.defineProperty(object, property, descriptor)

// Adding or changing object properties
Object.defineProperties(object, descriptors)

// Accessing Properties
Object.getOwnPropertyDescriptor(object, property)

// Returns all properties as an array
Object.getOwnPropertyNames(object)

// Accessing the prototype
Object.getPrototypeOf(object)

// Returns enumerable properties as an array
Object.keys(object)

Protegendo Objetos

// Prevents adding properties to an object
Object.preventExtensions(object)

// Returns true if properties can be added to an object
Object.isExtensible(object)

// Prevents changes of object properties (not values)
Object.seal(object)

// Returns true if object is sealed
Object.isSealed(object)

// Prevents any changes to an object
Object.freeze(object)

// Returns true if object is frozen
Object.isFrozen(object)

Saiba mais em Objeto ECMAScript5.

Função `Bind()`

Com o método bind(), um objeto pode pegar emprestado um método de outro objeto.

Este exemplo cria 2 objetos (pessoa e membro).

O objeto membro pega emprestado o método fullname do objeto person:

Exemplo

const person = {
  firstName:"John",
  lastName: "Doe",
    fullName: function () {
    return this.firstName + " " + this.lastName;
    }
}

const member = {
  firstName:"Hege",
  lastName: "Nilsen",
}

let fullName = person.fullName.bind(member);

Experimente você mesmo →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Function bind()</h1>

<p>This example creates 2 objects (person and member).</p>
<p>The member object borrows the fullname method from person:</p> 

<p id="demo"></p>

<script>
const person = {
  firstName:"John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}

const member = {
  firstName:"Hege",
  lastName: "Nilsen",
}

let fullName = person.fullName.bind(member);

document.getElementById("demo").innerHTML = fullName();
</script>

</body>
</html>

Saiba mais em Função bind().

Vírgulas finais

ES5 permite vírgulas finais em definições de objetos e arrays:

Exemplo de objeto

person = {
  firstName: "John",
  lastName: "
Doe",
	age: 46,
}

Exemplo de matriz

points = [
  1,
  5,
  10,
  25,
  40,
  100,
];

AVISO !!!

JSON não permite vírgulas finais.

Objetos JSON:

 //
  Allowed:
var person = '{"firstName":"John", "lastName":"Doe", 
  "age":46}'
JSON.parse(person)
// Not allowed:
var person = '{"firstName":"John", 
  "lastName":"Doe", "age":46,}'
JSON.parse(person)

Matrizes JSON:

   //
    Allowed:
points = [40, 100, 1, 5, 25, 10]
// Not allowed:
points = 
    [40, 100, 1, 5, 25, 10,]

Javascript ES5

Índice

Recursos ES5

Suporte ao navegador

A diretiva "uso estrito"

Acesso à propriedade em strings

Exemplo

Exemplo

Strings em múltiplas linhas

Exemplo

Exemplo

Palavras reservadas como nomes de propriedades

Exemplo de objeto

String trim()

Exemplo

Array.isArray()

Exemplo

Matriz forEach()

Exemplo

Matriz map()

Exemplo

Matriz filtro()

Exemplo

Matriz reduce()

Exemplo

Matriz reduceRight()

Exemplo

Matriz every()

Exemplo

Matriz some()

Exemplo

Matriz indexOf()

Exemplo

Matriz lastIndexOf()

Exemplo

JSON.parse()

JSON.stringify()

Exemplo

Data.agora()

Exemplo

Data paraISOString()

Exemplo

Data paraJSON()

Exemplo

Getters e setters de propriedades

Exemplo

Exemplo

Exemplo

Object.defineProperty()

Exemplo

Exemplo

Exemplo

Métodos de objeto E5

Gerenciando objetos

Protegendo Objetos

Função Bind()

Exemplo

Vírgulas finais

Exemplo de objeto

Exemplo de matriz

Objetos JSON:

Matrizes JSON:

String `trim()`

`Array.isArray()`

Matriz `forEach()`

Matriz `map()`

Matriz `filtro()`

Matriz `reduce()`

Matriz `reduceRight()`

Matriz `every()`

Matriz `some()`

Matriz `indexOf()`

Matriz `lastIndexOf()`

`JSON.parse()`

`Data.agora()`

Data `paraISOString()`

Data `paraJSON()`

`Object.defineProperty()`

Função `Bind()`