search
HomeWeb Front-endJS Tutorialjs object JS introduction to Array object operation summary_javascript skills

However, in the process of learning the script prototype.js, I found that there are some methods that we rarely use, but some methods seem to be very classic. The script library is constantly increasing, and everything in front of us... Let's continue our introduction to JS and learn about Array arrays today.

First let’s take a look at its definition:

Copy code The code is as follows:

var arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, [, elementN]]]])

Where: arrayObj is the variable name assigned to the Array object.
size Since the subscript of the array starts from zero, the subscript of the created element will be from zero to size -1.
element0,...,elementN This will create an array of length n 1 with n 1 elements. More than one element is required to use this syntax.

If only one argument is passed to the constructor of Array and that argument is a number, it must be an unsigned 32-bit integer (approximately 4 billion). This value becomes the size of the array. If the value is numeric but less than 0 or not an integer, a runtime error occurs.

If the value passed to the Array constructor is a single value and not a numeric value, the length property is set to 1 and the unique element value becomes the single passed argument.

Since JS arrays are parsed arrays, that is, although multiple elements can be assigned to an array, only the elements containing data actually exist. This reduces the amount of memory used by the array.

The Array object has three built-in properties: constructor, length, prototype. I will write a special article about constructor, prototype, arguments and other object properties, so I won’t go into details here. Below we mainly look at some of the built-in methods of Array. This is very important to us because we will use this stuff frequently.

concat method: concatenates two or more arrays and returns a new array. It is worth noting that (reference type) the object parameters copied from the array being connected to the new array still point to the same object after copying. No matter which one of the new array and the source array is changed, the other will be caused. Change; (Value type) For the numerical value or string connected to the new array, only its value is copied. Changes in the value in one array do not affect the value in the other array. Example:

Copy code The code is as follows:

function ConcatArrayDemo(){
var a , b, c, d;
a = new Array(1,2,3);
b = "JScript";
c = new Array(42, "VBScript);
d = a.concat(b, c);
// Return array [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}

Join method: Convert the items in the array into a string according to a specific delimiter and return it. The default delimiter is comma, example:
Copy code The code is as follows:

function JoinDemo(){
var a, b;
a = new Array(0, 1,2,3,4);
b = a.join("-");
//Return: "0-1-2-3-4"
return(b);
}

pop method: Removes the last element in the array and returns the element if the array is empty.

. push method: will add the new elements in the order they appear , if one of the parameters is an array, then the array will be added as a single element to the array if you want to merge two. or elements in multiple arrays, please use the concat method.

reverse method reverses the position of elements in an Array object. During execution, this method does not create a new Array object. If the array is not contiguous, the reverse method will create elements in the array to fill the gaps in the array. The value of all elements created in this way is undefined.

Copy code The code is as follows:

function ReverseDemo(){
var a, l // 변수를 선언합니다.
a = new Array(0,1,2,3,4); // 배열을 만들고 값을 할당합니다.
l = a.reverse(); // 배열의 내용을 반대로 바꿉니다.
//Return: l=[4,3,2,1,0]
return(l) // 결과 배열을 반환합니다.
}

shift 메소드 는 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다.

slice 메소드 arrayObj의 지정된 부분을 포함하는 Array 객체를 반환합니다. slice 메소드는 end에 지정된 요소까지 복사하지만 포함하지는 않습니다. start 가 음수이면 length start로 처리합니다. 여기서 length는 배열의 길이입니다. end가 음수이면 length end로 처리합니다. 여기서 length는 배열의 길이입니다. end를 생략하면 slice 메서드가 arrayObj의 끝에 복사됩니다. start 앞에 end가 나타나면 요소가 새 배열에 복사되지 않습니다. 예:
코드 복사 코드는 다음과 같습니다.

//마지막 요소 제외 , myArray의 모든 요소는 newArray에 복사됩니다.
newArray = myArray.slice(0, -1)

정렬 방법은 Array 객체를 적절하게 정렬하지 않습니다. 새 Array 객체는 다음과 같습니다. 생성되었습니다. sortfunction 인수에 함수가 제공되는 경우 함수는 다음 값 중 하나를 반환해야 합니다.

전달된 첫 번째 인수가 두 번째 인수보다 작은 경우 음수 값입니다.
두 인수가 모두 같으면 0입니다.
첫 번째 매개변수가 두 번째 매개변수보다 큰 경우 양수 값입니다.
코드 복사 코드는 다음과 같습니다.

function SortDemo(){
var a, l ; // 변수를 선언합니다.
a = new Array("X" ,"y" ,"d", "Z", "v","m","r")
l = a.sort(); 배열을 정렬합니다.
return(l); // 정렬된 배열을 반환합니다.
}

splice 메소드 start 위치부터 지정된 수의 요소를 제거하고 새 요소를 삽입할 수 있습니다. 따라서 arrayObj를 수정합니다. 반환 값은 제거된 요소로 구성된 새로운 배열 객체입니다. 형식은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

arrayObj.splice (start, deleteCount, [ item1[, item2[, . . . . . . [,itemN]]]])

toLocaleString 메소드 에 대해서는 다음에서 설명합니다. Date 개체, 일반적으로 이 메서드는 사용자에게 반환될 뿐이며 코드에서 계산되지 않습니다.

unshift 메소드 는 이러한 요소를 배열의 시작 부분에 삽입하므로 전달된 순서대로 배열에 표시됩니다. 형식은 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.

arrayObj.unshift ([item1[, item2 [, . . . [, itemN]]]])

valueOf method&toString() 배열의 요소는 문자열로 변환됩니다. 쉼표로 구분되어 함께 연결됩니다. 동작은 Array.toStringArray.join 메소드와 동일합니다.

이제 Array 객체에 대한 모든 것이 거의 완성되었습니다. 스크립팅 지식을 통합하기 위해 정리한 예제가 도움이 된다면 많은 부분을 참고하시기 바랍니다. 불편을 드려 죄송합니다!
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 vs. JavaScript: A Comparative Analysis for DevelopersPython vs. JavaScript: A Comparative Analysis for DevelopersMay 09, 2025 am 12:22 AM

The main difference between Python and JavaScript is the type system and application scenarios. 1. Python uses dynamic types, suitable for scientific computing and data analysis. 2. JavaScript adopts weak types and is widely used in front-end and full-stack development. The two have their own advantages in asynchronous programming and performance optimization, and should be decided according to project requirements when choosing.

Python vs. JavaScript: Choosing the Right Tool for the JobPython vs. JavaScript: Choosing the Right Tool for the JobMay 08, 2025 am 12:10 AM

Whether to choose Python or JavaScript depends on the project type: 1) Choose Python for data science and automation tasks; 2) Choose JavaScript for front-end and full-stack development. Python is favored for its powerful library in data processing and automation, while JavaScript is indispensable for its advantages in web interaction and full-stack development.

Python and JavaScript: Understanding the Strengths of EachPython 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  ?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-EndJavaScript 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?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 DevelopmentJavaScript 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 BrowsersThe 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

See all articles

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 Article

Hot Tools

SublimeText3 Linux new version

SublimeText3 Linux new version

SublimeText3 Linux latest version

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.