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] + '<br>'); //方法二 var arr2 = new Array(2,4,6,8,10); document.write(arr2[3] + '<br>'); //方法三 var arr3 = new Array(3);//固定数组长度为3 arr3[0] = 1; arr3[1] = 2; arr3[2] = 3; document.write(arr3[2] + '<br>');
() 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())
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 = ['zhangsan','lisi','wangwu']; doucument.write('共有'+row.length+'个人<br>'); var length = row.length;//对数组进行遍历 for (var i=0;i<length;i++){ doucument.write(row[i]+'<br>'); }
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 = ['zhangsan','lisi','wangwu','xiaoqiang']; for (var i in row){ document.write(i + ':' + row[i] + '<br>'); }
Result:
0:zhangsan
1:lisi 2:wangwu
3:xiaoqiang
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['first'] = 'zhangsan'; arr['second'] = 'lisi'; document.write(arr.length + '<br>'); document.write(arr.first + '<br>'); document.write(arr.second + '<br>');
Result:
3
zhangsan lisi
Traverse the array with text subscripts:
var arr = [1,2,3]; arr['first'] = 'zhangsan'; arr['second'] = 'lisi'; for(var i in arr){ document.write(i + ':' + arr[i] + '<br>'); }
Result:
0 :1
1:2 2:3
First:zhangsan
Second:lisi
var arr = [ [10,'zhangsan','male'], [11,'lisi','female'], [12,'wangwu','male'] ]; for (var i in arr){ for(var j in arr[i]){ document.write(arr[i][j]); } document.write('<br>'); }
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] = "家";
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 ofvar myArray4 = [ {"num":"1001","name":"jack","age":16}, {"num":"1002","name":"Mary","age":17}, {"num":"1003","name":"Tom","age":19} ]; //注意中括号和大括号的位置
Students who don’t understand can check this article: http://www.jb51.net/article/20688.htm
The difference between Json definition usage and arrayJson: 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];
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?
· 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:
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!