Merge pull request #104 from renanmpimentel/gh-pages

Como funciona o metodo push em array no javascript

Author: wbruno

manual/js/arrays.html

@@ -31,4 +31,50 @@ <h2>Valores agrupados</h2>
 console.log(gaveteiro[2]);
 </pre>
   <p>Assim dizemos que gaveteiro na posição 2 recebeu o valor 99.</p>
+
+  <p><b>Adicionando elementos no array</b></p>
+  <p>Caso precise adicionar uma nova gaveta, podemos usar o método <i>push</i>:</p>
+<pre class="lang-javascript linenums prettyprint">
+var  gaveteiro = [10,20,30];
+gaveteiro.push(100);
+console.log(gaveteiro[3]); //100
+</pre>
+  <p> O método <i>push</i> recebe <b>100</b> como parametro e adiciona na ultima posição do array.</p>
+
+  <p><b>Removendo elementos no array</b></p>
+  <p>Caso precise remover/recortar uma gaveta, podemos usar os seguintes métodos:</p>
+<p> - Para remover a ultima gaveta, utilizamos o <i>pop</i>:
+<pre class="lang-javascript linenums prettyprint">
+var  gaveteiro = [10,20,30];
+console.log(gaveteiro[2]); //30
+gaveteiro.pop();
+console.log(gaveteiro[2]); //undefined
+</pre>
+<p> - Para remover a primeira gaveta, utilizamos o <i>shift</i>:
+<pre class="lang-javascript linenums prettyprint">
+var  gaveteiro = [10,20,30];
+console.log(gaveteiro[0]); //10
+gaveteiro.shift();
+console.log(gaveteiro[0]); //20
+</pre>
+<p> - Para retornar apenas algumas gavetas (recortar), utilizamos o <i>slice</i>:
+<pre class="lang-javascript linenums prettyprint">
+var  gaveteiro = [10,20,30];
+var novaGaveta = gaveteiro.slice(1,3);
+console.log(novoGaveteiro); //[20, 30]
+</pre>
+
+  <p><b>Quantidade de elementos do array</b></p>
+  <p>Depois de ter adicionado várias gavetas, pode surgir a necessidade de saber quantas já existem, para isso vamos acessar a propridade <i>length</i>: </p>
+<pre class="lang-javascript linenums prettyprint">
+var  gaveteiro = [1,2,3,10,20,30];
+console.log(gaveteiro.length); //6
+gaveteiro.push(100);
+gaveteiro.push(200);
+gaveteiro.push(300);
+gaveteiro.push(400);
+console.log(gaveteiro.length); //10
+gaveteiro.push(200);
+console.log(gaveteiro.length); //9
+</pre>
 </article>