번역] 7가지 유용한 자바스크립트 내장 함수

이 글은 다음 글(7 Helpful Build-in JavaScript Functions)을 번역, 요약한 글입니다. 자바스크립트 초보자로 공부 목적으로 적은 글이라 작성 중이고 추가해나갈 예정입니다. 틀린 부분이 있을 수 있는데, 댓글로 피드백 주시면 감사하겠습니다.

 

_____

 

다음은 배열 및 문자열을 위한 몇 가지 편리한 자바스크립트 내장 함수의 간략한 정의와 구현이다.

 

Array Methods

 

.find()

 

콜백이 제공하는 로직을 만족하는 첫 번째 요소를 반환[2]한다.

 

let arr = [3,6,9,10,15];
arr.find(ele => ele % 5 === 0);	// 10
arr.find(ele => ele % 3 === 0);	// 3
arr.find(ele => ele % 15 === 0);// 15

 

.findIndex()

 

콜백이 제공하는 로직을 만족하는 첫 번째 요소의 인덱스를 반환한다.

 

let arr = [3,6,9,10,15];
arr.findIndex(ele => ele % 5 === 0);	// 3
arr.findIndex(ele => ele % 3 === 0);	// 0
arr.findIndex(ele => ele % 15 === 0);	// 4

 

.slice()

 

배열 또는 문자열에 사용될 수 있다. 이는 매개변수로 전달된 두 인덱스 사이의 새로운 배열 또는 문자열을 반환한다. 만약 하나의 인덱스가 인수로 전달된다면, 해당 인덱스 이후의 모든 요소 혹은 문자들이 반환된다.

 

let string = "Hello world";
string.slice(2,5);	// "llo "
string.slice(2);	// "llo world"

let arr = [1,2,3,4,5,6,7,8,9];
arr.slice(4,8);	// [5,6,7,8,9]
arr.slice(2);	// [3,4,5,6,7,8,9]

 

 

String Methods

 

.charAt()

 

문자열(string)로부터 전달된 인덱스의 문자(character)를 반환한다.

 

let string = 'Hello world';
string.charAt(1);	// e
string.charAt(4);	// o
string.charAt(10);	// d

 

.charCodeAt()

 

문자열로부터 전달된 인덱스의 문자에 해당하는 아스키 코드(ASCII character code)를 반환한다.

 

let string = 'Hello world';
string.charCodeAt(1);	// 101
string.charCodeAt(4);	// 111
string.charCodeAt(10);	// 100

 

.match()

 

문자열에서 전달된 매개변수와 일치하는 첫 번째 단어(group of characters)를 반환[3]한다. 만약 일치하는 항목이 둘 이상이고 정규 표현식 안에 g 플래그를 함께 사용해서 배열을 반환받을 수 있다.

 

let phrase = 'Three blind mice.  Three blind mice.  See how they run.';
phrase.match('blind');	// ["blind", index: 6, input: "Three blind mice, three blind mice, see how they run", groups: undefined]
phrase.match(/blind/g);	// ["blind", "blind"]

 

.substr()

 

slice 메소드와 비슷하지만 오직 문자열(string)에서만 동작하고 두 번째 매개변수가 반환될 문자의 개수라는 차이가 있다. 만약 두 번째 매개변수가 제공되지 않았다면, 초기 인덱스 이후의 모든 문자가 반환된다.

 

let string = 'Hello world';
string.substr(2,2);	// 'll'
string.substr(2);	// 'llo world'

 

 

_____

1. 다음 글(Function)의 각주 7을 참고한다.

2. 그런 요소가 없다면 undefined를 반환한다.

/* Array.prototype.find() */
arr.find(callback[, thisArg])

3. 문자열이 정규식과 매치되는 부분을 검색한다.

/* String.prototype.match() */
str.match(regexp)

/*
 * regexp는 정규식 개체로 RegExp가 아닌 객체 obj이 전달되면,
 * new RegExp(obj)를 사용하여 암묵적으로 RegExp로 변환한다.
 */