Home Web Front-end Front-end Q&A What is an array in Javascript

What is an array in Javascript

Nov 26, 2021 pm 03:55 PM
javascript array

In Javascript, an array is a collection of data arranged in order. Each member of the array is called an element, and the name (key) of each element is called the array subscript. JS arrays can be created in two ways: "[]" and "Array()". The data contained in the array can be of any type.

What is an array in Javascript

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

JavaScript Array (Array) is a collection of ordered data. Each member in the array is called an element (Element), and the name (key) of each element is called the array subscript (Index).

The array can contain any type of data; the length of the array is flexible and readable and writable.

Create Array

There are two ways to define (create or declare) an array in JavaScript: constructing an array and array literal.

1. Constructing an array

When you use the new operator to call the Array() type function, you can construct a new array.

var a = new Array();  //空数组
var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组
Copy after login

2. Array literals

The syntax format of array literals: Contain multiple value lists in square brackets "[]", with commas between values Separate.

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组
Copy after login

Accessing the array

The array is composite data. The array name is a reference variable pointing to the array, so the array is a reference object. .

Accessing an array is accessing array elements. The elements are equivalent to variables. The elements of the array are a set of variables arranged in an orderly manner. They have no identifiers and are indexed by subscripts. The subscripts start from 0 and increase in order. Note that the array subscript is a non-negative integer expression or a character number, and cannot be other types of values ​​or expressions.

Use square brackets [] to read and write arrays. The left side of the brackets is the array name, and the brackets are the array subscript.

数组[下标表达式]
Copy after login

A subscript expression is an expression whose value is a non-negative integer.

Example 1

The following code uses square brackets to write data to the array, and then reads the value of the array element.

var a = [];  //声明一个空数组
a[0] = 0;  //为第一个元素赋值为0
a[2] = 2;  //为第三个元素赋值为2
console.log(a[0]);  //读取第一个元素,返回值为0
console.log(a[1]);  //读取第二个元素,返回值为undefined
console.log(a[2]);  //读取第三个元素,返回值为2
Copy after login

In the above code, only the elements at subscript 0 and 2 are assigned values. The element with subscript 1 is empty. The return value of the element that is empty when reading is undefined by default.

Example 2

The following code uses the for statement to assign values ​​to the array in batches, where the array subscript is an incrementing expression.

var a = new Array();
for (var i = 0; i < 10; i ++) {
    a[i ++] = ++ i;
}
console.log(a);
Copy after login

Example 3

The design has two variables and does not require the help of other variables to achieve value exchange.

Generally, to implement variable exchange, you need to define a temporary variable for transfer.

var a = 10, b = 20;  //变量初始化
var temp = a;  //定义临时变量存储a
a = b;  //把b的值赋值给a
b = temp;  //把临时变量的值赋值给b
Copy after login

You can design it like this using an array.

var a = 10, b = 20;  //变量初始化
a = [b, b = a][0];  //通过数组快速交换数据
Copy after login

Design Tips

The elements of the array allow the use of expressions. The value of the expression and the value of the element are two different concepts. Essentially, the element is also a variable. , the identifier is the subscript number. In an anonymous array, pass the value of variable b to the first element, then assign the value of variable a to variable b in the second element using an assignment expression operation, and then pass the value of variable b to 2nd element. This process is executed in sequence. The value of variable b is rewritten, and two elements are added to the array. Finally, the square bracket syntax is used to read the value of the first element and assign it to variable a, thereby realizing value exchange. Change.

[Related recommendations: javascript learning tutorial]

The above is the detailed content of What is an array in Javascript. For more information, please follow other related articles on the PHP Chinese website!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to remove duplicate elements from PHP array using foreach loop? How to remove duplicate elements from PHP array using foreach loop? Apr 27, 2024 am 11:33 AM

The method of using a foreach loop to remove duplicate elements from a PHP array is as follows: traverse the array, and if the element already exists and the current position is not the first occurrence, delete it. For example, if there are duplicate records in the database query results, you can use this method to remove them and obtain results without duplicate records.

The Art of PHP Array Deep Copy: Using Different Methods to Achieve a Perfect Copy The Art of PHP Array Deep Copy: Using Different Methods to Achieve a Perfect Copy May 01, 2024 pm 12:30 PM

Methods for deep copying arrays in PHP include: JSON encoding and decoding using json_decode and json_encode. Use array_map and clone to make deep copies of keys and values. Use serialize and unserialize for serialization and deserialization.

PHP array key value flipping: Comparative performance analysis of different methods PHP array key value flipping: Comparative performance analysis of different methods May 03, 2024 pm 09:03 PM

The performance comparison of PHP array key value flipping methods shows that the array_flip() function performs better than the for loop in large arrays (more than 1 million elements) and takes less time. The for loop method of manually flipping key values ​​takes a relatively long time.

PHP array multi-dimensional sorting practice: from simple to complex scenarios PHP array multi-dimensional sorting practice: from simple to complex scenarios Apr 29, 2024 pm 09:12 PM

Multidimensional array sorting can be divided into single column sorting and nested sorting. Single column sorting can use the array_multisort() function to sort by columns; nested sorting requires a recursive function to traverse the array and sort it. Practical cases include sorting by product name and compound sorting by sales volume and price.

Best Practices for Deep Copying PHP Arrays: Discover Efficient Methods Best Practices for Deep Copying PHP Arrays: Discover Efficient Methods Apr 30, 2024 pm 03:42 PM

The best practice for performing an array deep copy in PHP is to use json_decode(json_encode($arr)) to convert the array to a JSON string and then convert it back to an array. Use unserialize(serialize($arr)) to serialize the array to a string and then deserialize it to a new array. Use the RecursiveIteratorIterator to recursively traverse multidimensional arrays.

Application of PHP array grouping function in data sorting Application of PHP array grouping function in data sorting May 04, 2024 pm 01:03 PM

PHP's array_group_by function can group elements in an array based on keys or closure functions, returning an associative array where the key is the group name and the value is an array of elements belonging to the group.

The role of PHP array grouping function in finding duplicate elements The role of PHP array grouping function in finding duplicate elements May 05, 2024 am 09:21 AM

PHP's array_group() function can be used to group an array by a specified key to find duplicate elements. This function works through the following steps: Use key_callback to specify the grouping key. Optionally use value_callback to determine grouping values. Count grouped elements and identify duplicates. Therefore, the array_group() function is very useful for finding and processing duplicate elements.

PHP array merging and deduplication algorithm: parallel solution PHP array merging and deduplication algorithm: parallel solution Apr 18, 2024 pm 02:30 PM

The PHP array merging and deduplication algorithm provides a parallel solution, dividing the original array into small blocks for parallel processing, and the main process merges the results of the blocks to deduplicate. Algorithmic steps: Split the original array into equally allocated small blocks. Process each block for deduplication in parallel. Merge block results and deduplicate again.

See all articles