찾다
웹 프론트엔드JS 튜토리얼일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

이 기사에서는 주로 일반적인 배열 방법을 소개하고 생성 및 순회, 스택 및 큐, 검색 방법 등을 포함하여 행렬을 전치하는 방법을 알려드립니다. 여러분에게 도움이 되기를 바랍니다. .

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

관련 권장 사항: javascript 튜토리얼

1. 일반적인 2차원 배열 작업

생성 및 순회

이전 장에서는 1차원 배열을 만드는 다양한 방법을 배웠습니다. 2차원 배열을 생성하려면 배열 요소를 배열로 설정하기만 하면 됩니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

2차원 배열을 만든 후 2차원 배열의 요소를 어떻게 순회하고 이에 대해 연산을 수행합니까?

  • 1차원 배열은 for, for...in 또는 for...of(ES6에서 제공)를 사용하여 탐색할 수 있습니다.
  • 2차원 배열의 경우 배열을 순회한 후 배열의 요소만 다시 순회하면 됩니다.

또한 웹 프로젝트 개발에서는 다차원 빈 배열에 요소를 추가하여 다차원 배열을 만드는 경우가 많습니다. 다음은 2차원 빈 배열 요소를 예시로 추가하는 방법을 보여줍니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

2차원 배열 요소(예: arr[i][0])에 값을 할당하려면 먼저 추가된 요소(예: arr[i])가 생성되었는지 확인해야 합니다. 그렇지 않으면 프로그램은 "Uncaught TypeError ……"실수를 보고합니다.

참고

다차원 배열을 생성할 때 JavaScript는 배열의 차원 수를 제한하지 않지만 실제 응용 프로그램에서는 코드 읽기, 디버깅 및 유지 관리를 용이하게 하기 위해 3차원 배열을 사용하는 것이 좋습니다. 데이터를 저장하기 위한 차원 이하 배열.

[사례] ​​2차원 배열의 전치

2차원 배열의 전치란 2차원 배열의 가로 요소를 세로 요소로 저장하는 것을 말합니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

코드 구현 아이디어:

  • 패턴 찾기: res[0][0] = arr[0][0], res[0][1] = arr[1][0], res[0 ][2] = 도착[2][0].
  • 결론: res[i][j] = arr[j][i]. ②
  • res 배열 길이 = arr 요소(예: arr[0])의 길이입니다. ③
  • res 요소(예: res[0])의 길이 = arr 배열의 길이입니다. ④
  • ③과 ④를 따라 res 생성 및 순회를 완료하고, ②를 눌러 전치합니다.

성취감을 드리기 위해 코드는 올리지 않겠습니다. 궁금한 점이 있으시면 댓글로 질문해주세요. 실제로 행렬은 배열에 저장될 수 있으며 앞으로는 행렬을 전치하여 코드를 직접 실행할 수 있습니다.

2. 일반적인 배열 방법

Stack 및 대기열 방법

JavaScript에서는 앞서 설명한 배열 요소 추가 및 삭제 방법 외에도 Array 개체에서 제공하는 방법을 사용하여 스택 및 대기열을 시뮬레이션할 수도 있습니다. 대기열 작업.

  • 배열의 끝이나 시작 부분에 배열의 새 요소를 추가하세요.
  • 배열의 끝이나 시작 부분에 있는 배열 요소를 제거하세요.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

  • push() 및 unshift() 메서드의 반환 값은 새 배열의 길이입니다.
  • pop() 및 Shift() 메서드는 제거된 배열 요소를 반환합니다.

검색 방법

개발 중에 주어진 값이 배열인지 감지하거나 배열에서 지정된 요소의 위치를 ​​찾고 싶습니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

Array.isArray() 메소드를 제외한 테이블의 다른 메소드들은 기본적으로 지정된 배열 인덱스 위치부터 검색을 시작하며, 검색 방법은 "===" 연산자와 동일하며, 즉, 일치하는 경우에만 검색됩니다. 상대적으로 성공적인 결과를 반환합니다.

includes() 및 Array.isArray() 메소드

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

  • includes() 메소드의 첫 번째 매개변수는 찾을 값을 나타냅니다.
  • includes() 메서드의 두 번째 매개변수는 배열에서 검색할 첨자를 지정하는 데 사용됩니다.
  • 배열 길이보다 크게 설정하면 배열이 검색되지 않고 false가 직접 반환됩니다.
  • 0보다 작은 숫자로 설정하면 검색된 인덱스 위치는 배열 길이에 지정된 음수를 더한 값과 같습니다. 결과가 여전히 0보다 작은 숫자인 경우 전체 배열이 검색됩니다.

indexOf() 메소드

indexOf()는 배열의 지정된 첨자 위치에서 첫 번째 주어진 값을 검색하는 데 사용됩니다. 존재하는 경우 해당 요소 첨자를 반환하고, 그렇지 않으면 -1을 반환합니다.

indexOf() 메서드의 두 번째 매개 변수는 검색을 시작할 인덱스를 지정하는 데 사용됩니다.

  • 값이 배열 길이보다 크거나 같으면 -1이 직접 반환됩니다.
  • 값이 음수인 경우 검색 첨자 위치는 배열 길이에 지정된 음수를 더한 값과 같습니다. 결과가 여전히 0보다 작은 숫자인 경우 전체 배열이 검색됩니다.

lastIndexOf() 메서드

Array 객체에서 제공하는 lastIndexOf() 메서드는 지정된 첨자 위치에서 배열의 마지막 주어진 값의 첨자를 검색하는 데 사용됩니다. indexOf() 검색 메서드와 달리 lastIndexOf() 메서드는 기본적으로 역검색, 즉 배열 끝에서 배열 시작 부분까지 검색합니다.

lastIndexOf() 메소드의 두 번째 매개변수는 검색 색인을 지정하는 데 사용되며 역방향으로 검색되기 때문에 다음과 같습니다.

값이 색인의 길이보다 크거나 같을 때 배열이면 전체 배열이 찾기가 됩니다.

값이 음수인 경우 인덱스 위치는 배열 길이에 주어진 음수를 더한 값과 같습니다. 값이 여전히 음수인 경우 -1이 직접 반환됩니다.

Array to String

개발 중에 배열을 문자열로 변환해야 하는 경우 JavaScript에서 제공하는 방법을 사용하여 변환할 수 있습니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

join()과 toString() 메서드의 동일한 점:

  • 은 다차원 배열을 문자열로 변환할 수 있으며 기본적으로 연결하는 데 쉼표가 사용됩니다.
  • 배열 요소가 정의되지 않았거나 null이거나 빈 배열인 경우 해당 요소는 빈 문자열로 변환됩니다.

join()과 toString() 메서드의 차이점:

  • join() 메서드는 다음과 같습니다. 배열 요소를 연결하기 위해 기호를 지정했습니다.

기타 방법

앞서 설명한 몇 가지 일반적인 방법 외에도 JavaScript는 일반적으로 사용되는 배열 방법도 많이 제공합니다. 예를 들어 배열 병합, 단순 배열 복사, 배열 요소 순서 반전 등이 있습니다.

일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.

slice() 및 concat() 메서드는 실행 후 새 배열을 반환하며 원래 배열에는 영향을 미치지 않습니다. 나머지 메서드는 실행 후 원래 배열에 영향을 미칩니다.

splice() 메서드의 첫 번째 매개 변수 값이 배열 길이보다 크거나 같은 경우 값이 음수이면 첨자 위치는 배열의 끝부터 시작됩니다. 배열 길이에 지정된 음수를 더한 값입니다. 값이 여전히 음수인 경우 배열의 처음부터 작업이 시작됩니다.
  • 관련 권장 사항:
  • javascript 튜토리얼

위 내용은 일반적인 JavaScript 배열 방법과 행렬 전치 방법을 알려줍니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 CSDN에서 복제됩니다. 침해가 있는 경우 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()方法添加的事件处理程序。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

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

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

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를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는