split(), map(), 람다식

split()

split()은 문자열을 ,(구분자)로 잘라서 배열에 담아 리턴한다.

//1. 파라미터를 입력하지 않은 경우
const str = "apple banana orange";
const arr = str.split(); //[apple banana orange]
//=> 문자열 전체를 하나의 배열에 담아서 리턴한다.

//2. (" ")로 잘라서 배열에 담기
const str = "apple banana orange";
const arr = str.split(" "); //[apple, banana, orange]

//3. ("")로 잘라서 배열에 담기
const str = "a b c";
const arr = str.split("");
//=> 한 글자씩 자라서 배열에 담는다.

//4. 특정 구분자로 잘라 배열에 담기
const str = "apple,banana,orange";
const arr = str.split(",");
//=> [apple, banana, orange]

https://hianna.tistory.com/377

[Javascript] 문자열을 배열로 변환 (split 함수)

 

map()

• 배열에 사용하는 메소드로 매열의 모든 값들을 순환 후 새로운 배열을 반환하기 위해 사용된다. 즉, 모든 배열 값들을 순환할 수 있다는 장점이 있다.
• 문법

Array.map(callback(current value, index, array), this)

- current value: 현재 반환할 값

- index: 현재 해당하는 인덱스의 값

- array: 배열에 접근 가능

- this: 사용할 this 키워드의 값

=> 기존 배열의 값들을 특정 값으로 변경하기 위해서 많이 쓰인다.

 

//map()을 사용하지 않은 경우
const nums = [1, 2, 3];

let newNums = [];
for (var i = 0; i < nums.length; i++) {
  newNums.push(nums[i] * 2);
};
console.log(newNums);

// Result
[2, 4, 6]

//map()을 사용한 경우
const nums = [1, 2, 3];

const newNums = nums.map(x => 2 * x);
console.log(newNums);

// Result
[2, 4, 6]

https://webisfree.com/2021-06-23/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B0%B0%EC%97%B4%EC%9D%98-map()-%ED%95%A8%EC%88%98-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0 

자바스크립트 배열의 map() 함수 알아보기

 

람다식

function 키워드 대신 화살표를 이용하여 기존의 함수 정의 방식보다 간략하게 함수를 정의할 수 있다.

const multiply (x, y) => x * y;
multiply(2, 3); //6

const arrow = (x, y) => {...}; //매개변수가 여러개인 경우
const arrow = x => {...}; //매개변수가 하나인 경우
const arrow = () => {...}; //매개변수가 없는 경우

//함수 몸체 정의
//=> 하나의 문으로 구성되면 중괄호 생략 가능

//람다식 표현법
const power = x => x**2
power(2) //결과4

//함수 표현법
const power = function( x ) { return x**2 };
power(2); //결과4

//객체 리터럴 반환
const create = (id, content) => ({id, content});
const create = (id, content) => {return {id, content}; );