SlideShare a Scribd company logo
ARRAY:
• An array is a special variable, which can hold
more than one value at a time.
Or
• JavaScript arrays are used to store multiple
values in a single variable.
• There are two ways to work on arrays.
1> var arr=[];
2> var arr= new Array();
1. Eg:
<script>
var cars = ["Saab", "Volvo", "BMW"];
for(a=0; a<cars.length; a++)
document.write(cars[a]+"<br>");
</script>
2. Eg:
<p id="demo"></p>
<script>
var cars = new Array("Saab", "Volvo", "BMW");
document.getElementById("demo").innerHTML = cars[0];
</script>
Note:
An array can hold many values under a single name, and you can
access the values by referring to an index number.
Index no: always start from zero.
• It is the easiest way to create a JavaScript Array.
Forin loop
It is a loop for retrieving an array.
It Returns always only keys/index nos.
It is specially use for associative array.
Syntax:
for (variable in array) {... }
Eg:
var a=[1,2,3];
for(key in a ){
d.w(a[key]);
}
Array Built-in functions
valueOf()
toString()
join()
push()
pull()
shift()
unshift()
splice()
sort()
reverse()
slice()
valueOf()
The valueOf() method is the default behavior for
an array. It returns an array as a string:
Eg:
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple",
"Mango"];
document.getElementById("demo").innerHTML
= fruits.valueOf();
</script>
Note: toString() and valueOf()
Join()
• The join() method also joins all array elements
into a string.
• It behaves just like toString(), but you can specify
the separator:
Eg:
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple",
"Mango"];
document.getElementById("demo").innerHTML =
fruits.join(" * ");
</script>
pop()
The pop() method removes the last element from an array:
Eg:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.pop()
document.getElementById("demo").innerHTML = fruits;
}
</script>
push()
The push() method adds a new element to an array (at the
end):
Eg:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Kiwi")
document.getElementById("demo").innerHTML = fruits;
}
</script>
shift()
The shift() method removes the first element of an array.
Eg:
<body>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.shift();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
unshift()
The unshift() method adds a new element to an array (at the
beginning).
Eg:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.unshift("Lemon");
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
splice()
The splice() method can be used to add new items to an array:
Eg:
<body>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.splice(2, 0, "Lemon", "Kiwi");
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
• The first parameter (2) defines the
position where new elements should
be added (spliced in).
• The second parameter (0) defines how
many elements should be removed.
• The rest of the parameters ("Lemon" , "Kiwi")
define the new elements to be added.
It can also remove with splice()
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.splice(0, 1);
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
sort()
• The sort() method sorts an array alphabetically.
Eg:
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.sort();
document.getElementById("demo").innerHTML =
fruits;
}
</script>
</body>
reverse() method
It is used to sort an array in descending order:
Eg:
<body>
<p>The sort() method sorts an array alphabetically.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.sort();
fruits.reverse();
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
slice()
The slice() method slices out a piece of an array.
Eg:
<body>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var fruits = ["Banana", "Orange", "Lemon", "Apple",
"Mango"];
var citrus = fruits.slice(1,3);
document.getElementById("demo").innerHTML = citrus;
}
</script>
</body>

More Related Content

What's hot (20)

PDF
Introduzione JQuery
orestJump
 
PDF
JavaScript - Chapter 10 - Strings and Arrays
WebStackAcademy
 
ODP
Drupal Best Practices
manugoel2003
 
PPTX
Mysql Aggregate
lotlot
 
PPT
php 2 Function creating, calling, PHP built-in function
tumetr1
 
PDF
Workshop 8: Templating: Handlebars, DustJS
Visual Engineering
 
PPTX
Operators
Kumar
 
PDF
Javascript essentials
Bedis ElAchèche
 
PDF
Javascript
orestJump
 
PDF
jQuery in 15 minutes
Simon Willison
 
PDF
Learning jQuery in 30 minutes
Simon Willison
 
PPTX
jQuery from the very beginning
Anis Ahmad
 
PPTX
Ch2(working with forms)
Chhom Karath
 
KEY
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Vagmi Mudumbai
 
PPT
A Short Introduction To jQuery
Sudar Muthu
 
PDF
Advanced Django
Simon Willison
 
ODP
Introduction to jQuery
manugoel2003
 
PPTX
Arrays &amp; functions in php
Ashish Chamoli
 
PDF
Prototype & jQuery
Remy Sharp
 
Introduzione JQuery
orestJump
 
JavaScript - Chapter 10 - Strings and Arrays
WebStackAcademy
 
Drupal Best Practices
manugoel2003
 
Mysql Aggregate
lotlot
 
php 2 Function creating, calling, PHP built-in function
tumetr1
 
Workshop 8: Templating: Handlebars, DustJS
Visual Engineering
 
Operators
Kumar
 
Javascript essentials
Bedis ElAchèche
 
Javascript
orestJump
 
jQuery in 15 minutes
Simon Willison
 
Learning jQuery in 30 minutes
Simon Willison
 
jQuery from the very beginning
Anis Ahmad
 
Ch2(working with forms)
Chhom Karath
 
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Vagmi Mudumbai
 
A Short Introduction To jQuery
Sudar Muthu
 
Advanced Django
Simon Willison
 
Introduction to jQuery
manugoel2003
 
Arrays &amp; functions in php
Ashish Chamoli
 
Prototype & jQuery
Remy Sharp
 

Viewers also liked (15)

PPT
Les02 (restricting and sorting data)
Achmad Solichin
 
PPTX
Absolutely Typical - The whole story on Types and how they power PL/SQL Inter...
Lucas Jellema
 
PPTX
Arrays PHP 03
mohamedsaad24
 
PPT
Restricting and Sorting Data - Oracle Data Base
Salman Memon
 
PPTX
Array in php
ilakkiya
 
PPTX
How to Create an Array & types in PHP
Ajit Sinha
 
PDF
PHP Unit 4 arrays
Kumar
 
PDF
Modern PHP Developer
Achmad Solichin
 
PPTX
PHP Functions & Arrays
Henry Osborne
 
PDF
Arrays in PHP
Vineet Kumar Saini
 
PPT
Php array
Core Lee
 
PPT
Arrays in PHP
Compare Infobase Limited
 
PPTX
Normalization
Salman Memon
 
PPT
Database Normalization 1NF, 2NF, 3NF, BCNF, 4NF, 5NF
Oum Saokosal
 
PDF
Database design & Normalization (1NF, 2NF, 3NF)
Jargalsaikhan Alyeksandr
 
Les02 (restricting and sorting data)
Achmad Solichin
 
Absolutely Typical - The whole story on Types and how they power PL/SQL Inter...
Lucas Jellema
 
Arrays PHP 03
mohamedsaad24
 
Restricting and Sorting Data - Oracle Data Base
Salman Memon
 
Array in php
ilakkiya
 
How to Create an Array & types in PHP
Ajit Sinha
 
PHP Unit 4 arrays
Kumar
 
Modern PHP Developer
Achmad Solichin
 
PHP Functions & Arrays
Henry Osborne
 
Arrays in PHP
Vineet Kumar Saini
 
Php array
Core Lee
 
Normalization
Salman Memon
 
Database Normalization 1NF, 2NF, 3NF, BCNF, 4NF, 5NF
Oum Saokosal
 
Database design & Normalization (1NF, 2NF, 3NF)
Jargalsaikhan Alyeksandr
 
Ad

Similar to PHP Array very Easy Demo (20)

PPTX
Java script arrays
Frayosh Wadia
 
PPTX
Java script arrays
Frayosh Wadia
 
DOCX
What are arrays in java script
Miguel Silva Loureiro
 
PPTX
Java script array methods
chauhankapil
 
PPTX
1-JAVA SCRIPT. servere-side applications vs client side applications
surajshreyans
 
PPTX
arrays and its types and examples of sorting reversing arrays.pptx
zulfeiquaar
 
PPTX
Learn java script
Mahmoud Asadi
 
PDF
GDI Seattle - Intro to JavaScript Class 2
Heather Rock
 
PDF
Working with Arrays in JavaScript
Florence Davis
 
PPSX
javascript-Array.ppsx
VedantSaraf9
 
PPTX
Java script advance-auroskills (2)
BoneyGawande
 
DOC
14922 java script built (1)
dineshrana201992
 
PPS
CS101- Introduction to Computing- Lecture 26
Bilal Ahmed
 
PPT
POLITEKNIK MALAYSIA
Aiman Hud
 
PPT
javascript arrays in details for udergaduate studenets .ppt
debasisdas225831
 
PDF
Ms Ajax Array Extensions
jason hu 金良胡
 
PPTX
Module 2 Javascript. Advanced concepts of javascript
BKReddy3
 
PPT
Lecture no 9.ppt operating system semester four
VaibhavBhagwat18
 
PDF
CSS Unit II - Array, Function and String
RahulTamkhane
 
PPT
ajava arrays topic brief explanation data
VenkatasaireddyMarth
 
Java script arrays
Frayosh Wadia
 
Java script arrays
Frayosh Wadia
 
What are arrays in java script
Miguel Silva Loureiro
 
Java script array methods
chauhankapil
 
1-JAVA SCRIPT. servere-side applications vs client side applications
surajshreyans
 
arrays and its types and examples of sorting reversing arrays.pptx
zulfeiquaar
 
Learn java script
Mahmoud Asadi
 
GDI Seattle - Intro to JavaScript Class 2
Heather Rock
 
Working with Arrays in JavaScript
Florence Davis
 
javascript-Array.ppsx
VedantSaraf9
 
Java script advance-auroskills (2)
BoneyGawande
 
14922 java script built (1)
dineshrana201992
 
CS101- Introduction to Computing- Lecture 26
Bilal Ahmed
 
POLITEKNIK MALAYSIA
Aiman Hud
 
javascript arrays in details for udergaduate studenets .ppt
debasisdas225831
 
Ms Ajax Array Extensions
jason hu 金良胡
 
Module 2 Javascript. Advanced concepts of javascript
BKReddy3
 
Lecture no 9.ppt operating system semester four
VaibhavBhagwat18
 
CSS Unit II - Array, Function and String
RahulTamkhane
 
ajava arrays topic brief explanation data
VenkatasaireddyMarth
 
Ad

More from Salman Memon (20)

PPTX
Complete Lecture on Css presentation
Salman Memon
 
PPTX
How to Use Dreamweaver cs6
Salman Memon
 
PPTX
what is programming and its clear Concepts to the point
Salman Memon
 
PPTX
Working with variables in PHP
Salman Memon
 
PPT
Web forms and html (lect 5)
Salman Memon
 
PPT
Web forms and html (lect 4)
Salman Memon
 
PPT
Web forms and html (lect 3)
Salman Memon
 
PPT
Web forms and html (lect 2)
Salman Memon
 
PPT
Web forms and html (lect 1)
Salman Memon
 
PPT
Managing in the Future Enterprise
Salman Memon
 
PPT
Overview of Technology Management
Salman Memon
 
PPT
Align Information Technology and Business Strategy
Salman Memon
 
PPTX
WHITE BOX & BLACK BOX TESTING IN DATABASE
Salman Memon
 
PPTX
Email security netwroking
Salman Memon
 
PPTX
Email security - Netwroking
Salman Memon
 
PPTX
Query decomposition in data base
Salman Memon
 
PPTX
Time Management
Salman Memon
 
PPTX
Multimedea device and routes
Salman Memon
 
PPTX
Hash function
Salman Memon
 
PPTX
Data clustring
Salman Memon
 
Complete Lecture on Css presentation
Salman Memon
 
How to Use Dreamweaver cs6
Salman Memon
 
what is programming and its clear Concepts to the point
Salman Memon
 
Working with variables in PHP
Salman Memon
 
Web forms and html (lect 5)
Salman Memon
 
Web forms and html (lect 4)
Salman Memon
 
Web forms and html (lect 3)
Salman Memon
 
Web forms and html (lect 2)
Salman Memon
 
Web forms and html (lect 1)
Salman Memon
 
Managing in the Future Enterprise
Salman Memon
 
Overview of Technology Management
Salman Memon
 
Align Information Technology and Business Strategy
Salman Memon
 
WHITE BOX & BLACK BOX TESTING IN DATABASE
Salman Memon
 
Email security netwroking
Salman Memon
 
Email security - Netwroking
Salman Memon
 
Query decomposition in data base
Salman Memon
 
Time Management
Salman Memon
 
Multimedea device and routes
Salman Memon
 
Hash function
Salman Memon
 
Data clustring
Salman Memon
 

Recently uploaded (20)

PDF
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
PDF
REINFORCEMENT LEARNING IN DECISION MAKING SEMINAR REPORT
anushaashraf20
 
PPTX
Lecture 1 Shell and Tube Heat exchanger-1.pptx
mailforillegalwork
 
PDF
Biomechanics of Gait: Engineering Solutions for Rehabilitation (www.kiu.ac.ug)
publication11
 
PPTX
Introduction to Design of Machine Elements
PradeepKumarS27
 
PPTX
Worm gear strength and wear calculation as per standard VB Bhandari Databook.
shahveer210504
 
PPTX
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
PPTX
澳洲电子毕业证澳大利亚圣母大学水印成绩单UNDA学生证网上可查学历
Taqyea
 
PPT
Footbinding.pptmnmkjkjkknmnnjkkkkkkkkkkkkkk
mamadoundiaye42742
 
PPTX
Knowledge Representation : Semantic Networks
Amity University, Patna
 
PPTX
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
PDF
Basic_Concepts_in_Clinical_Biochemistry_2018كيمياء_عملي.pdf
AdelLoin
 
PDF
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
PDF
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
PDF
Design Thinking basics for Engineers.pdf
CMR University
 
PDF
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
DOCX
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
DOC
MRRS Strength and Durability of Concrete
CivilMythili
 
PPTX
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
PPTX
What is Shot Peening | Shot Peening is a Surface Treatment Process
Vibra Finish
 
AI TECHNIQUES FOR IDENTIFYING ALTERATIONS IN THE HUMAN GUT MICROBIOME IN MULT...
vidyalalltv1
 
REINFORCEMENT LEARNING IN DECISION MAKING SEMINAR REPORT
anushaashraf20
 
Lecture 1 Shell and Tube Heat exchanger-1.pptx
mailforillegalwork
 
Biomechanics of Gait: Engineering Solutions for Rehabilitation (www.kiu.ac.ug)
publication11
 
Introduction to Design of Machine Elements
PradeepKumarS27
 
Worm gear strength and wear calculation as per standard VB Bhandari Databook.
shahveer210504
 
Shinkawa Proposal to meet Vibration API670.pptx
AchmadBashori2
 
澳洲电子毕业证澳大利亚圣母大学水印成绩单UNDA学生证网上可查学历
Taqyea
 
Footbinding.pptmnmkjkjkknmnnjkkkkkkkkkkkkkk
mamadoundiaye42742
 
Knowledge Representation : Semantic Networks
Amity University, Patna
 
Solar Thermal Energy System Seminar.pptx
Gpc Purapuza
 
Basic_Concepts_in_Clinical_Biochemistry_2018كيمياء_عملي.pdf
AdelLoin
 
MAD Unit - 2 Activity and Fragment Management in Android (Diploma IT)
JappanMavani
 
MAD Unit - 1 Introduction of Android IT Department
JappanMavani
 
Design Thinking basics for Engineers.pdf
CMR University
 
PORTFOLIO Golam Kibria Khan — architect with a passion for thoughtful design...
MasumKhan59
 
CS-802 (A) BDH Lab manual IPS Academy Indore
thegodhimself05
 
MRRS Strength and Durability of Concrete
CivilMythili
 
美国电子版毕业证南卡罗莱纳大学上州分校水印成绩单USC学费发票定做学位证书编号怎么查
Taqyea
 
What is Shot Peening | Shot Peening is a Surface Treatment Process
Vibra Finish
 

PHP Array very Easy Demo

  • 1. ARRAY: • An array is a special variable, which can hold more than one value at a time. Or • JavaScript arrays are used to store multiple values in a single variable. • There are two ways to work on arrays. 1> var arr=[]; 2> var arr= new Array();
  • 2. 1. Eg: <script> var cars = ["Saab", "Volvo", "BMW"]; for(a=0; a<cars.length; a++) document.write(cars[a]+"<br>"); </script> 2. Eg: <p id="demo"></p> <script> var cars = new Array("Saab", "Volvo", "BMW"); document.getElementById("demo").innerHTML = cars[0]; </script> Note: An array can hold many values under a single name, and you can access the values by referring to an index number. Index no: always start from zero. • It is the easiest way to create a JavaScript Array.
  • 3. Forin loop It is a loop for retrieving an array. It Returns always only keys/index nos. It is specially use for associative array. Syntax: for (variable in array) {... } Eg: var a=[1,2,3]; for(key in a ){ d.w(a[key]); }
  • 5. valueOf() The valueOf() method is the default behavior for an array. It returns an array as a string: Eg: <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.valueOf(); </script> Note: toString() and valueOf()
  • 6. Join() • The join() method also joins all array elements into a string. • It behaves just like toString(), but you can specify the separator: Eg: <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.join(" * "); </script>
  • 7. pop() The pop() method removes the last element from an array: Eg: <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.pop() document.getElementById("demo").innerHTML = fruits; } </script>
  • 8. push() The push() method adds a new element to an array (at the end): Eg: <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.push("Kiwi") document.getElementById("demo").innerHTML = fruits; } </script>
  • 9. shift() The shift() method removes the first element of an array. Eg: <body> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.shift(); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 10. unshift() The unshift() method adds a new element to an array (at the beginning). Eg: <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.unshift("Lemon"); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 11. splice() The splice() method can be used to add new items to an array: Eg: <body> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.splice(2, 0, "Lemon", "Kiwi"); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 12. • The first parameter (2) defines the position where new elements should be added (spliced in). • The second parameter (0) defines how many elements should be removed. • The rest of the parameters ("Lemon" , "Kiwi") define the new elements to be added.
  • 13. It can also remove with splice() <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.splice(0, 1); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 14. sort() • The sort() method sorts an array alphabetically. Eg: <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.sort(); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 15. reverse() method It is used to sort an array in descending order: Eg: <body> <p>The sort() method sorts an array alphabetically.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits; function myFunction() { fruits.sort(); fruits.reverse(); document.getElementById("demo").innerHTML = fruits; } </script> </body>
  • 16. slice() The slice() method slices out a piece of an array. Eg: <body> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1,3); document.getElementById("demo").innerHTML = citrus; } </script> </body>