[ES6+] Array.find(), Array.findInex(), Array.fill()

find()

조건에 맞는 첫번째 값을 되돌려준다

const friends = [
	"aaa@gmail.com",
	"bbb@naver.com",
	"ccc@yahoo.com",
	"ddd@korea.com"
]

const target = friends.find(friend => friend.includes("@korea.com") );
console.log(target);
//ddd@korea.com

//만약 조건대신 true를 집어넣으면 첫번째 값을 리턴한다
const target = friends.find(friend => true );
console.log(target);
//aaa@gmail.com

findIndex()

몇번째에 있는지 찾는 메소드

예를 들어 잘못된 철자가 있다고해보자.

그 철자가 몇번째에 있는지 확인하고 수정하기 위해서는 findIndex를 쓰면 효율적이다

const friends = [
	"aaa@gmail.com",
	"bbb@naver.com",
	"ccc@yahoo.com",
	"ddd@borea.com"
]

//몇번째인지 알아내기
const target = friends.findIndex(friend => friend.includes("@borea.com") );
console.log(target);
//3

//찾아낸 값 수정하기
friends[target] = "ddd@korea.com"

하지만 조금 더 효율적이고 재사용이 가능하도록 만드려면 수정할때 이렇게 써주는게 좋을것!

const check = () => const target = friends.findIndex(friend => friend.includes("@borea.com") );
let target = check();
console.log(target);
//3 (배열의 3번째에 존재함)

const username = friends[target].split("@")[0];
const email = "korea.com";
friends[target] = `${username}@${email}`;
target = check();
console.log(target);
//-1 (존재하지 않음)

Array.fill()

배열을 채우는 메소드 fill(값, 처음, 마지막) 처음과 마지막은 옵션

const friends = [
	"aaa@gmail.com",
	"bbb@naver.com",
	"ccc@yahoo.com",
	"ddd@korea.com"
]

friends.fill("*".repeat("5") );
console.log(friends);
//["*****","*****","*****","*****","*****"]

friends.fill("*".repeat("5"),1 );
console.log(friends);
//["aaa@gmail.com","*****","*****","*****","*****"]

friends.fill("*".repeat("5"),1,3 );
console.log(friends);
//["aaa@gmail.com","*****","*****","ccc@yahoo.com","ddd@korea.com"]

include()

배열안에 값을 가지고 있는지 확인할때 사용하는 메소드

const friends = [
	"aaa@gmail.com",
	"bbb@naver.com",
	"ccc@yahoo.com",
	"ddd@korea.com"
]
console.log(friends.includes("aaa@gmail.com"));
//true

노마드코더의 ‘ES6의 정석’을 듣고 정리 =)