あなたはES 6を知っています-パート2
10302 ワード
あなたがこの部分を読み始める前に、我々はES 6機能のいくつかについて議論しました
前に論じたように、ES 6はJSです.
ES 6はJavaScriptの次世代についてです.一般に、ES 6は我々がきれいで堅牢な反応アプリを書くことを許します、そして、これはより強力なことをするのを助けます.
内容:
配列関数
map,concat,join,spliceのような配列上でできることはたくさんあります.すべてのこれらのメソッドはES 6が正常JSではありません.
mapは、組み込みの配列を返します.
const numbers = [1,2,3];
const doubleNumbers = numbers.map((num) => {
return num*2;
});
console.log(numbers); //[1, 2, 3]
console.log(doubleNumbers); //[2, 4, 6]
const myName = ["Mohamed", "Khaled"];
const myInfo1 = ["Computer", "Science", "Student"];
const myInfo2 = ["Front End Developer"];
const concatTwoArray = (arr1,arr2,arr3) => arr1.concat(arr2,arr3);
console.log(concatTwoArray(myName,myInfo1,myInfo2));
最後の文字列はコンマ(,), bar (加重)、ダッシュ(-)、空間、または任意のセパレータであるデフォルトセパレータのような指定されたセパレータで区切られます.
let fruits = ["Mohamed", "Khaled", "Yousef", "Mohamed", "Ali"];
let energy1 = fruits.join();
let energy2 = fruits.join(" ");
let energy3 = fruits.join("|");
let energy4 = fruits.join(" and ");
console.log(energy1, energy2, energy3, energy4);
次の例では、インデックス2(3番目の要素)から1つの要素を削除します.次に、インデックスから3つの要素を削除し、2つの要素を追加します
let names = ["Mohamed", "Khaled", "Yousef", "Mohamed", "Ali"];
names.splice(2, 1);
console.log(names);
names.splice(2, 3, "Computer", "Science");
console.log(names);
テンプレートリテラル
テンプレートリテラルが何かを定義する前に、通常のJSで文字列を連結するためには、文字列連結演算子(+)を使用することができます.また、stringのconcat ()メソッドを使用することもできます.
const my_name = 'Mohamed';
const message0 = 'My name is ' + my_name;
console.log(message0);
const fstName1 = 'Mohamed', lastName1 = 'Khaled';
const message1 = 'My name is ' + fstName1 + '.\n\n' + 'My last name is ' + lastName1;
console.log(message1);
templateリテラルは埋め込み式を含む文字列リテラルです.
backticksで示される
Reference
この問題について(あなたはES 6を知っています-パート2), 我々は、より多くの情報をここで見つけました https://dev.to/this_mkhy/do-you-know-es6-part-2-596eテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol