찾다
웹 프론트엔드JS 튜토리얼자바스크립트 학습 노트: 배열 생성자_기본 지식

배열 생성자

인수 처리 시 배열 생성자의 비결정적 특성으로 인해 [] 표기법을 사용하여 새 배열을 만드는 것이 좋습니다.

<code>[1, 2, 3]; // Result: [1, 2, 3]<br>new Array(1, 2, 3); // Result: [1, 2, 3]<br>[3]; // Result: [3]<br>new Array(3); // Result: []<br>new Array('3') // Result: ['3']</code>

배열 생성자에 하나의 인수만 전달되고 인수가 숫자인 경우 생성자는 요소 값이 undefined인 배열을 반환하며 이 배열의 length 속성은 숫자 매개변수로 설정됩니다. 생성자에 전달됩니다. 그러나 실제로는 새 배열의 인덱스가 초기화되지 않았습니다.

이 사용법은 문자열을 반복할 때와 같이 드문 경우에만 사용되며, 이 사용법을 사용하면 루프 사용을 피할 수 있습니다.

<code>new Array(count + 1).join(stringToRepeat);</code>

요약

요약하자면, []을 사용하여 배열 생성자 대신 새 함수를 생성해야 코드를 더 쉽게 읽을 수 있습니다.

공통 데이터 작업

이 블로그 게시물의 원문이 상대적으로 짧기 때문에 일반적으로 사용되는 배열 연산 방법을 요약해 보겠습니다.

요소 추가

1.push - 배열 끝에 하나 이상의 새 요소를 추가하고 배열의 새 길이를 반환합니다.

2.unshift - 배열의 시작 부분에 하나 이상의 새 요소를 추가하면 배열의 요소가 자동으로 뒤로 이동되고 배열의 새 길이가 반환됩니다.

3.splice - 배열의 지정된 위치에 하나 이상의 새 요소를 삽입합니다. 삽입 위치의 요소는 자동으로 뒤로 이동하고 []을 반환합니다.

요소 삭제

1.pop - 마지막 요소를 제거하고 해당 값을 반환합니다.

2.shift - 첫 번째 요소를 제거하고 요소 값을 반환합니다. 배열의 요소는 자동으로 앞으로 이동합니다.

3.splice - 지정된 위치 deletePos부터 지정된 개수 deleteCount개의 요소를 삭제하고, 제거된 요소를 배열 형태로 반환합니다. (요소를 추가할 때 매개변수의 차이에 유의하세요)

기타 운영

1.join - separator 매개변수로 구분된 배열의 각 요소 값을 연결하는 문자열을 반환합니다.

2.slice - 배열의 조각이나 하위 배열을 반환하는 데 사용되는 메서드입니다. 매개변수가 하나만 작성된 경우 매개변수가 배열의 끝으로 반환됩니다. 음수인 경우 배열의 끝부터 계산됩니다. startend보다 큰 경우, slice은 원래 배열을 변경하지 않고 새 배열을 반환합니다.

3.concat - 여러 배열(문자열 또는 배열과 문자열의 혼합일 수도 있음)을 하나의 배열로 연결하고 연결된 새 배열을 반환합니다.

4.reverse - 요소를 역순으로 바꾸고(처음에서 마지막으로, 마지막에서 처음으로) 수정된 배열을 반환합니다.

5.sort - 배열 요소를 정렬하고 수정된 배열을 반환합니다. 매개변수가 없으면 알파벳 오름차순으로 정렬됩니다. 정렬 방법을 전달할 수도 있습니다.

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

20+道必知必会的Vue面试题(附答案解析)20+道必知必会的Vue面试题(附答案解析)Apr 06, 2021 am 09:41 AM

本篇文章整理了20+Vue面试题分享给大家,同时附上答案解析。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!