JavaScript配列メソッド

4584 ワード
JavaScript Map push filter 整列 find foreach Sort 方法 Pop テキストリンク
ある程度のJavaScript文法を身につけてから、プログラマーを解いてみます.
ほとんどのlevel 1で主に使用される構文には、重複文、配列、およびオブジェクトが含まれます.
最初はfor反復文ですべての問題を解決しようとしましたが、今回はES 6構文を使ってみました.
下の写真は並べ方です.

並べ方を知っておきましょう!


pop()


:配列の最後の要素を削除し、削除した要素を返します.
const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());

// expected output: "tomato"console.log(plants);
// expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"]

push()


:配列の最後に1つ以上の要素を追加し、配列の新しい長さを返します.
const animals = ['pigs', 'goats', 'sheep'];

const count = animals.push('cows');
console.log(count);
// expected output: 4

console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "cows"]

Arrow Function


Arrow Function =>

ES6 문법으로 arrow function을 볼 수 있다. 
이는 function을 사용하는 것 보다 간단하게 함수를 사용할 수 있다.

// 일반 함수
var foo = function () { console.log("foo") }; // foo

// 화살표 함수
var bar = () => console.log("bar"); // bar

// 매개변수가 없는 경우
var foo = () => console.log('bar');
foo(); // bar

// 매개변수가 하나인 경우
var foo = x => x;
foo('bar'); // bar

// 매개변수가 여려개인 경우
var foo = (a, b) => a + b; // 간단하게 한줄로 표현할 땐 "{}" 없이 값이 반환됩니다.
foo(1, 2); // 3

var foo = (a, b) => { return a + b }; 
foo(1, 2); // 3

Arrow FunctionとObjectオブジェクト



以上のコードは、矢印関数を使用してオブジェクトオブジェクトを処理しようとするコードです.しかし、これはエラーを出力します.
理由はimplicit return.
暗黙returnとは、同じ行に何を書いても戻るという意味です.
()でラップすると、オブジェクトが返されます.

find()


:find()を使用して、配列から特定の値を抽出します.
let email = [
    "[email protected]",
    "[email protected]",
    "[email protected]",
    "[email protected]"
];

let foundMail = email.find(item => item.includes("@gmail.com"));

console.log(foundMail);
// 출력 : [email protected]

filter()


:指定した関数条件を満たすすべての要素を使用して、新しいarrayを作成します.
したがって、最初の要素だけでなく、すべての要素を返します.
(条件付き要素を使用して新しい配列を作成します.)

let emails = [
    "[email protected]",
    "[email protected]",
    "[email protected]",
    "[email protected]"
];

let noGmail = emails.filter(item => !item.includes("@gmail.com"));

console.log(noGmail);

forEach()


:forEachは、arrayの各要素に対して提供される関数を実行します.
// 특정 email의 username 만 얻고 싶을 때.

let emails = [
    "[email protected]",
    "[email protected]",
    "[email protected]",
    "[email protected]"
];

emails.forEach(item => {
	console.log(item.split("@"))
});

let box = [];

emails.forEach(item => {
	box.push(item.spilt("@")[0])
});
console.log(box);

Map()


:map()はforeachと似ていますが、返される要素を新しい配列に入れます.
let emails = [
    "[email protected]",
    "[email protected]",
    "[email protected]",
    "[email protected]"
];

let result = emails.map(item => item.split("@")[0]);

console.log(result);
オブジェクトオブジェクトオブジェクトを
  • map()に戻す場合.
    • let emails = [
    "[email protected]",
    "[email protected]",
    "[email protected]",
    "[email protected]"
];

let result = emails.map(( item, index ) => ({
	username:item.split("@")[0],
        index:index
}));
    sort()
    :アレイ内の要素を適切な位置に揃え、アレイに戻ります.ソートは安定したsortではないかもしれません.デフォルトのソート順は、文字列内のUnicodeコードポイントに従います.
  • sort()の理解 
    •
    一般的なファイル操作方法
    Routing and Doc Versioning