クリーンアップ週2
🚀 What You Will Learn
なぜ
☑️ Study Keyword
slice
sliceメソッドは、配列内の特定の要素のインデックス範囲に基づいて新しい配列を返します.
元のアレイは変形しません.
したがって、このメソッドを使用する場合は、sliceメソッドを適用する新しい変数を宣言する必要があります.
slice(始点、終点)let nums = [1,2,3,4,5]
let nums_new = nums.slice(1,4)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 2, 3, 4 ]
コンソールウィンドウを確認すると、始点インデックスが1の要素から終点インデックスが4の要素、および2、3、および4の要素を含む配列が返されます.
sliceメソッドを使用すると、コンソールウィンドウで元の配列numsを表示して、元の配列が変わらないことを確認できます.
したがって、sliceを使用する場合は、新しい変数名を指定する必要があります.
パラメータに負の値が含まれている場合。
let nums = [1,2,3,4,5]
let nums_new = nums.slice(-2)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 4, 5 ]
splice
たとえば、[1,2,3,4,5]という名前の配列から数字3を削除し、10を追加します.
この場合、次の方法を使用できます.let num = [1,2,3,4,5];
num.splice(2,1,10);
console.log(num); // [ 1, 2, 10, 4, 5 ]
let num = [1,2,3,4,5];
num.splice(2,1,10);
console.log(num); // [ 1, 2, 10, 4, 5 ]
Filter
filter()メソッドは、条件に合致する要素のみを収集して新しい配列を返す配列に関連するメソッドです.
条件を満たす要素がない場合は、空の配列を返します.
filter()メソッドもmap()メソッドと同様に2つの大きなfilter(callbackFunction,thisAgr)パラメータを有する.
callbackFunctionには3つのパラメータ(element、index、array)があり、最初の部分のelementパラメータのみが必要であり、残りのパラメータはオプションです.
次のコードを理解してみましょう.
条件を満たす要素(value>10)のみからなる新しい配列が作成されました.
Filter 2
Assignment
coursesという配列があります.
フィルタ()を使用して、levelが「hard」の科目のみからなる新しいシナリオを返してください.結果は次のようになります.[
{ level: 'hard', subject: 'Mathmatic' },
{ level: 'hard', subject: 'Science' }
]
質問:let courses = [
{level:'easy', subject: "English" },
{level:'hard', subject: "Mathmatic" },
{level:'medium', subject: "Literature" },
{level:'hard', subject: "Science" },
{level:'medium', subject: "Socialogy" }
];
// 아래 함수를 작성해주세요.
function filtered() {
let result = courses.filter(value => value.level === 'hard')
return result;
}
console.log (filtered())
Reference
この問題について(クリーンアップ週2), 我々は、より多くの情報をここで見つけました
https://velog.io/@jhr940105/week2-정리하기
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
let nums = [1,2,3,4,5]
let nums_new = nums.slice(1,4)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 2, 3, 4 ]
let nums = [1,2,3,4,5]
let nums_new = nums.slice(-2)
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 4, 5 ]
たとえば、[1,2,3,4,5]という名前の配列から数字3を削除し、10を追加します.
この場合、次の方法を使用できます.
let num = [1,2,3,4,5];
num.splice(2,1,10);
console.log(num); // [ 1, 2, 10, 4, 5 ]
let num = [1,2,3,4,5];
num.splice(2,1,10);
console.log(num); // [ 1, 2, 10, 4, 5 ]
Filter
filter()メソッドは、条件に合致する要素のみを収集して新しい配列を返す配列に関連するメソッドです.
条件を満たす要素がない場合は、空の配列を返します.
filter()メソッドもmap()メソッドと同様に2つの大きなfilter(callbackFunction,thisAgr)パラメータを有する.
callbackFunctionには3つのパラメータ(element、index、array)があり、最初の部分のelementパラメータのみが必要であり、残りのパラメータはオプションです.
次のコードを理解してみましょう.
条件を満たす要素(value>10)のみからなる新しい配列が作成されました.
Filter 2
Assignment
coursesという配列があります.
フィルタ()を使用して、levelが「hard」の科目のみからなる新しいシナリオを返してください.結果は次のようになります.[
{ level: 'hard', subject: 'Mathmatic' },
{ level: 'hard', subject: 'Science' }
]
質問:let courses = [
{level:'easy', subject: "English" },
{level:'hard', subject: "Mathmatic" },
{level:'medium', subject: "Literature" },
{level:'hard', subject: "Science" },
{level:'medium', subject: "Socialogy" }
];
// 아래 함수를 작성해주세요.
function filtered() {
let result = courses.filter(value => value.level === 'hard')
return result;
}
console.log (filtered())
Reference
この問題について(クリーンアップ週2), 我々は、より多くの情報をここで見つけました
https://velog.io/@jhr940105/week2-정리하기
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Assignment
coursesという配列があります.
フィルタ()を使用して、levelが「hard」の科目のみからなる新しいシナリオを返してください.結果は次のようになります.
[
{ level: 'hard', subject: 'Mathmatic' },
{ level: 'hard', subject: 'Science' }
]
質問:let courses = [
{level:'easy', subject: "English" },
{level:'hard', subject: "Mathmatic" },
{level:'medium', subject: "Literature" },
{level:'hard', subject: "Science" },
{level:'medium', subject: "Socialogy" }
];
// 아래 함수를 작성해주세요.
function filtered() {
let result = courses.filter(value => value.level === 'hard')
return result;
}
console.log (filtered())
Reference
この問題について(クリーンアップ週2), 我々は、より多くの情報をここで見つけました https://velog.io/@jhr940105/week2-정리하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol