Home > Web Front-end > JS Tutorial > body text

Detailed explanation of several JavaScript array definition methods

小云云
Release: 2018-01-27 13:29:48
Original
2663 people have browsed it

How much do you know about the method of array definition? Generally speaking, it is divided into implicit creation, direct instantiation, creating an array and specifying the length. Later, in order to facilitate the direct use of json format to define the array, this article will share with you several detailed methods of javascript array definition. I hope it can help you.

1. What is an array?

An array is a collection of data.
Its expression is a continuous memory address in the memory.
Array name In fact, it is the first address of the continuous memory address

2. About the characteristics of arrays in js

There is no need to specify the data type when defining an array
You don’t need to specify when defining an array Array length
Arrays can store data of any data type (for example, one element stores integer type and one element stores string type. This is possible in JS)

Syntax for creating arrays :

var arr=[value 1, value 2, value 3];                                                                                                  ; //Direct instantiation

var array=new Array(size); //Create an array and specify the length

//方法一
var arr1 = [1,3,5,7,9];
document.write(arr1[2] + &#39;<br>&#39;);
 
//方法二
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + &#39;<br>&#39;);
 
//方法三
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + &#39;<br>&#39;);
Copy after login

Meaning of symbols in JS:

() indicates function execution

[] indicates syntax simulation, which indicates simulating an instance of the Array class (=new Array())

{} indicates syntax simulation, Indicates simulating an instance of the Object class (=new Object())
//Indicates syntax simulation (regular object), indicates simulating an instance of the RegExp class (=new RegExp())

3, About array length

Array object.length

In js, each array object can call the length attribute, which indicates how many array elements there are under the array object

Example:

var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;];
doucument.write(&#39;共有&#39;+row.length+&#39;个人<br>&#39;);

var length = row.length;//对数组进行遍历
for (var i=0;i<length;i++){
doucument.write(row[i]+&#39;<br>&#39;);
}
Copy after login

4. for...in statement

In js, arrays are not data Type, the data type of the array is actually the object

The For...in statement in Js can traverse all the properties of an object

You can also use for...in Statement to traverse all elements of an array

Syntax:

for(var i in array){

}

Principle: There are For several elements, the for..in statement will be executed in a loop as many times as possible

Every time it is executed, the subscript of the current array element will be stored in the variable i

var row = [&#39;zhangsan&#39;,&#39;lisi&#39;,&#39;wangwu&#39;,&#39;xiaoqiang&#39;];
for (var i in row){
 document.write(i + &#39;:&#39; + row[i] + &#39;<br>&#39;);
}
Copy after login

Result:

0:zhangsan

1:lisi

2:wangwu
3:xiaoqiang

5. Text subscript

Format:

arr['key'] = value;

In js, the array elements of the text subscript are not included in the array length

Added to the array in the form of text subscript, actually added to the array object in the form of attributes

var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

document.write(arr.length + &#39;<br>&#39;);
document.write(arr.first + &#39;<br>&#39;);
document.write(arr.second + &#39;<br>&#39;);
Copy after login

Result:

 3

zhangsan

lisi

Traverse the array with text subscripts:

var arr = [1,2,3];
arr[&#39;first&#39;] = &#39;zhangsan&#39;;
arr[&#39;second&#39;] = &#39;lisi&#39;;

for(var i in arr){
 document.write(i + &#39;:&#39; + arr[i] + &#39;<br>&#39;);
}
Copy after login

Result:

0 :1

 1:2

 2:3
 First:zhangsan
 Second:lisi

6. Multidimensional array

var arr = [
  [10,&#39;zhangsan&#39;,&#39;male&#39;],
  [11,&#39;lisi&#39;,&#39;female&#39;],
  [12,&#39;wangwu&#39;,&#39;male&#39;]
 ];
for (var i in arr){
 for(var j in arr[i]){
  document.write(arr[i][j]);
 }
 document.write(&#39;<br>&#39;);
}
Copy after login

The following is the supplement of Script House

1. Define first and then assign value

var myArray1 = new Array(); //不定义元素个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
var myArray2 = new Array(4); //定义元素的个数
  myArray1[0] = "脚";
  myArray1[1] = "本";
  myArray1[2] = "之";
 myArray1[3] = "家";
Copy after login

2. Assign values ​​when defining the array

var myArray3 = new Array("foot","本","之","家");

//You need to specify a numerical or logical value in the array, then the variable type should be a numerical variable or a Boolean variable, not a character variable

3, json format The definition of

var myArray4 = [
   {"num":"1001","name":"jack","age":16},
   {"num":"1002","name":"Mary","age":17},
   {"num":"1003","name":"Tom","age":19}
   ];
//注意中括号和大括号的位置
Copy after login

Students who don’t understand can check this article: http://www.jb51.net/article/20688.htm

The difference between Json definition usage and array

Json: It is a method used to store data in javascript.

Json format: var Json={a:1, b:2, c:3};

Array format: var arr=[1,2,3];

Json The difference between two arrays:

1. The subscript of Json is a string. For example, when calling the first data, use: Json.a. The subscript of the array is a number such as arr[0]

2. Json does not have length, and the array has lengtht


Use Json to store data. If you need to loop, you need to use for (element variable in variable name) {}; Because Json does not have a length, a for in loop must be used. The for in loop can be used for Json and arrays

for(i in Json){

Statement

};

When to use for loop and when to use for in loop?

Array: Use for loop for(i=0,iJson: Use for in loop for(i in Json){};

4. Note

· The array only has one attribute, the array length

· If no value is assigned to the array, the result is undefined, and the print is ""

· The array length is not enough and can be automatically expanded, it does not exist Cross-border problem

Articles you may be interested in:

    Array definition and sort method usage example in js
  • Introduction to various definition methods and common functions of arrays in javascript
  • Definition and usage examples of arrays in javascript

  • JavaScript custom array sorting method

  • JavaScript jQuery Definition of arrays and operations and jquery array operations

  • Definition of JavaScript arrays and number manipulation skills

  • javascript Definition of arrays and array length

  • How to define an object array in JavaScript

  • Three ways to define an array in JavaScript (new Array(), new Array(''x'',' 'y'')

The above is the detailed content of Detailed explanation of several JavaScript array definition methods. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!