Relevant introduction to the array function array() in JavaScript-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Relevant introduction to the array function array() in JavaScript

巴扎黑

Aug 17, 2017 pm 02:49 PM

arrayjavascriptjs

The importance of arrays in programming languages is self-evident. Arrays in JavaScript are also one of the most commonly used objects. Arrays are ordered collections of values. Due to weak types, arrays in JavaScript are very flexible. , powerful. Unlike Java and other strongly typed high-level languages, arrays can only store elements of the same type or its subtypes. JavaScript can store multiple types of elements in the same array, and the length can also be dynamically adjusted. Increasing or decreasing data automatically changes the length of the array.

Array() is a built-in constructor function used to construct an array. Arrays are mainly created in the following three ways:

<span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">()</span><br/><span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">([</span><span class="pln">size</span><span class="pun">])</span><span class="pln">array </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">Array</span><span class="pun">(</span><span class="pln">element0</span><span class="pun">,</span><span class="pln"> element1</span><span class="pun">,</span><span class="pln"> </span><span class="pun">...,</span><span class="pln"> elementN</span><span class="pun">)</span>

Parameters

Parameter size is the expected number of array elements. In the returned array, the length field will be set to the value of size.

Parameter element ..., elementn is the parameter list. When the constructor Array() is called with these arguments, the elements of the newly created array are initialized to these values. Its length field will also be set to the number of parameters.

Return value

Returns the newly created and initialized array.

If no parameters are used when calling the constructor Array(), the returned array will be empty and the length field will be 0.

When you call the constructor and only pass it a numeric parameter, the constructor will return an array with the specified number of elements and undefined.

When Array() is called with other parameters, the constructor will initialize the array with the value specified by the parameter.

When the constructor is called as a function without using the new operator, it behaves exactly the same as when it is called with the new operator.

Array object method

Array object property

concat() method:

Combined array

[1,2]concat([3,4],[5,6]);//[1,2,3,4,5,6]

join() method:

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> a </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="lit">1</span><span class="pun">,</span><span class="lit">2</span><span class="pun">,</span><span class="lit">3</span><span class="pun">];</span><br/><span class="pln"> a</span><span class="pun">.</span><span class="pln">join</span><span class="pun">(</span><span class="str">""</span><span class="pun">);</span><span class="com">// =>"123"</span><span class="tag"></script></span>

pop() method:

Remove array The last element and returns it

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> fruits </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"apple"</span><span class="pun">,</span><span class="str">"banana"</span><span class="pun">,</span><span class="str">"pineapple"</span><span class="pun">];</span><br/><span class="pln"> fruits</span><span class="pun">.</span><span class="pln">pop</span><span class="pun">();</span><span class="com">// pineapple </span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">fruits</span><span class="pun">);</span><span class="com">//["apple","banana"]</span><span class="tag"></script></span>

shift() method:

Removes and returns the first element of the array.

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> a </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="lit">1</span><span class="pun">,</span><span class="lit">2</span><span class="pun">,</span><span class="lit">3</span><span class="pun">];</span><br/><span class="pln"> a</span><span class="pun">.</span><span class="pln">shift</span><span class="pun">();</span><span class="com">//1</span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">a</span><span class="pun">);</span><span class="com">//[2,3]</span><span class="tag"></script></span>

slice(start,end)

Method: intercept a certain part of the array without any modification to the original array.

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln">  </span><span class="kwd">var</span><span class="pln"> num </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"a"</span><span class="pun">,</span><span class="str">"b"</span><span class="pun">,</span><span class="str">"c"</span><span class="pun">,</span><span class="str">"d"</span><span class="pun">,</span><span class="str">"e"</span><span class="pun">];</span><br/><span class="pln">  console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">num</span><span class="pun">.</span><span class="pln">slice</span><span class="pun">(</span><span class="lit">1</span><span class="pun">,</span><span class="lit">4</span><span class="pun">));</span><span class="com">//["b","c","d"]</span><br/><span class="pln">  console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">num</span><span class="pun">);</span><span class="com">//["a","b","c","d","e"]</span><span class="tag"></script></span>

splice(start,delete_count,i1,i2...)

Method: Delete array elements and add new elements at the same time. i1 and i2 are the new elements to be inserted

<span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="tag">></span><br/><span class="pln"> </span><span class="kwd">var</span><span class="pln"> arr </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="str">"js"</span><span class="pun">,</span><span class="str">"css"</span><span class="pun">,</span><span class="str">"html"</span><span class="pun">,</span><span class="str">"php"</span><span class="pun">,</span><span class="str">"c"</span><span class="pun">];</span><br/><span class="pln"> arr</span><span class="pun">.</span><span class="pln">splice</span><span class="pun">(</span><span class="lit">1</span><span class="pun">,</span><span class="pln"> </span><span class="lit">2</span><span class="pun">,</span><span class="str">"python"</span><span class="pun">,</span><span class="str">"jquery"</span><span class="pun">);</span><span class="com">//["css","html"]</span><br/><span class="pln"> console</span><span class="pun">.</span><span class="pln">log</span><span class="pun">(</span><span class="pln">arr</span><span class="pun">);</span><span class="com">//["js","python","jquery""php","c"]</span><span class="tag"></script</span>

The above is the detailed content of Relevant introduction to the array function array() in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

Statement

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

Python and JavaScript: Understanding the Strengths of EachMay 06, 2025 am 12:15 AM

Python and JavaScript each have their own advantages, and the choice depends on project needs and personal preferences. 1. Python is easy to learn, with concise syntax, suitable for data science and back-end development, but has a slow execution speed. 2. JavaScript is everywhere in front-end development and has strong asynchronous programming capabilities. Node.js makes it suitable for full-stack development, but the syntax may be complex and error-prone.

JavaScript's Core: Is It Built on C or C ?May 05, 2025 am 12:07 AM

JavaScriptisnotbuiltonCorC ;it'saninterpretedlanguagethatrunsonenginesoftenwritteninC .1)JavaScriptwasdesignedasalightweight,interpretedlanguageforwebbrowsers.2)EnginesevolvedfromsimpleinterpreterstoJITcompilers,typicallyinC ,improvingperformance.

JavaScript Applications: From Front-End to Back-EndMay 04, 2025 am 12:12 AM

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Python vs. JavaScript: Which Language Should You Learn?May 03, 2025 am 12:10 AM

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

JavaScript Frameworks: Powering Modern Web DevelopmentMay 02, 2025 am 12:04 AM

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

The Relationship Between JavaScript, C , and BrowsersMay 01, 2025 am 12:06 AM

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

Node.js Streams with TypeScriptApr 30, 2025 am 08:22 AM

Node.js excels at efficient I/O, largely thanks to streams. Streams process data incrementally, avoiding memory overload—ideal for large files, network tasks, and real-time applications. Combining streams with TypeScript's type safety creates a powe

Python vs. JavaScript: Performance and Efficiency ConsiderationsApr 30, 2025 am 12:08 AM

The differences in performance and efficiency between Python and JavaScript are mainly reflected in: 1) As an interpreted language, Python runs slowly but has high development efficiency and is suitable for rapid prototype development; 2) JavaScript is limited to single thread in the browser, but multi-threading and asynchronous I/O can be used to improve performance in Node.js, and both have advantages in actual projects.

See all articles