본문 바로가기

배열7

자바스크립트[기초] Object 자바스크립트 동적인 언어라서 객체를 만들고 정의를 한다.(prototype 시스템 방식) 정적인 언어 C++ 이나 Java 는 클래스를 만들고 객체를 만든다. var exam = new Object(); // 원하는 만큼 확장이 가능 exam.kor = 20; exam.eng= 30; // 두 표현의 차이점 exam.kor = 30; // Default 표현 방식으로 List형의 Data Collection 구조 exam["kor"] = 30; // 문자열을 이용해서 객체의 값을 가져올 때 Map형의 Data Collection 구조 2022. 4. 18.
자바스크립트[기초] Array.prototype.join | Array.prototype.flat Array.prototype.join 원본 배열의 모든 요소를 문자열로 변환한 후, 인수로 전달받은 문자열, 즉 구분자로 연결한 문자열을 반환한다. 구분자는 생략 가능하며 기본 구분자는 콤마(',')이다. const arr =[1,2,3,4]; // 기본 구분자는 콤마 , 이다 // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 기본 구분자로 연결한 문자열을 반환한다. arr.join(); // '1,2,3,4'; // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 빈 문자열로 연결한 문자열을 반환한다. arr.join(''); // '1234' // 원본 배열 arr의 모든 요소를 문자열로 변환한 후 구분자 ':'로 연결한 문자열을 반환한다. arr.join(':');// '1:2:3:4' .. 2022. 4. 18.
자바스크립트[기초] 배열 메소드 종류 Array 생성자 함수는 정적 메소드를 제공하며, 배열 객체의 프로토타입인 Array.prototype은 프로토타입 메소드를 제공한다. 배열에는 원본 배열(배열 메소드를 호출한 배열, 즉 배열 메소드의 구현체 내부에서 this가 가리키는 객체)을 직접 변경하는 메소드 와 원본 배열을 직접 변경하지 않고 새로운 배열을 생성하여 반환하는 메소드 가 있다 원본 배열을 직접 변경 하는 메소드 Array.prototype.push 인수로 전달 받은 모든 값을 원본 배열의 마지막 요소로 추가하고 변경된 length 프로퍼티 값을 반환한다. const arr =[1]; arr.push(2); console.log(arr); //[1,2] Array.prototype.pop 원본 배열에서 마지막 요소를 제거하고 제거한.. 2022. 4. 18.
자바스크립트[기초] Array.isArray | Array.prototype.indexof | Array.prototype.includes Array.isArray Array 생성자 함수의 정적 메소드이다 전달된 인수가 배열이면 true , 배열이 아니면 false를 반환한다. // true Array.isArray([]); Array.isArray([1,2]); Array.isArray(new Array()); // false Array.isArray(); Array.isArray({}); Array.isArray(null); Array.isArray(undefined); Array.isArray(1); Array.isArray('Array'); Array.isArray(true); Array.isArray(false); Array.isArray({ 0: 1, length: 1 }); Array.prototype.indexof 원본 배열에.. 2022. 4. 18.
자바스크립트[기초] Array.prototype.splice 메소드 희소 배열을 만들지 않으면서 배열의 특정 요소를 완전히 삭제할 때 사용하는 메소드 이다 const arr =[1,2,3]; // Array.prototype.splice(삭제를 시작할 인덱스, 삭제할 요소 수) // arr[1] 부터 1개의 요소를 제거 arr.splice(1,1); console.log(arr); // [1,3] //length 프로퍼티가 자동 갱신 된다. console.log(arr.length); // 2 2022. 4. 18.
자바스크립트[기초] Array.of 메소드 | Array.from 메소드 유사 배열 객체 : 배열처럼 인덱스로 프로퍼티 값에 접근할 수 있고 length 프로퍼티를 갖는 객체이다. (for문으로 순회 가능) 이터러블 객체 : Symbol.iterator 메소드를 구현하여 for.. of 문을 순회할 수 있고 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용할 수 있는 객체를 말한다. Array.of 메소드 ES6에서 도입된 Array.of 메소드는 전달된 인수를 요소로 갖는 배열을 생성한다. Array 생성자 함수와 다르게 전달된 인수가 1개 이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다. // 전달된 인수가 1개이고 숫자이더라도 인수를 요소로 갖는 배열을 생성한다. Array.of(1); // [1] Array.of(1,2,3); // [1,2,3] Array... 2022. 4. 18.
728x90