サポートされているJavaScript関数

Sitecore CDP配列の分割代入機能をサポートします。次のJavaScriptを使用して、配列から値をアンパックできます。

var [a, ...b] = [1, 2, 3];
print(a); // 1
print(b); // [2, 3]

Sitecore CDPは、.map()、.reduce()、および .filter() メソッドをサポートします。

filter()メソッドは、配列内の各要素に対して条件ステートメントを適用します。条件がtrueを返す場合、要素は出力配列にプッシュされます。

map() メソッドは、既存の配列から新しい配列を作成し、最初の配列の各要素に関数を適用します。

reduce() メソッドは、配列の各要素に対してレデューサ関数を実行して、値の配列を1つだけに減らします。

次のJavaScriptには例が含まれています。

const getMax = ( max, cur ) => Math.max( max, cur );

print(
    [ { x: 10 }, { x: 66 }, { x: 150 } ]
    .filter(el => el.x < 100)
    .map( el => el.x )
    .reduce( getMax, -Infinity )
);
// expected output: 66

Sitecore CDPは、より短い関数構文を記述できるarrow関数をサポートしています。関数にステートメントが1つしかなく、ステートメントが値を返す場合は、角かっことreturnキーワードを削除できます。

次のJavaScriptには例が含まれています。

let materials = [
  'Hydrogen',
  'Helium'
];
print(materials.map(material => material.length));
// expected output: Array [8, 6]

Sitecore CDP機能の一種としてclassをサポートします。キーワードfunctionを使用して開始する代わりに、キーワードclassを使用します。プロパティは、constructor() メソッド内に割り当てられます。

次のJavaScriptには例が含まれています。

let Rectangle = class {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};
print(Rectangle.name);
// output: ""Rectangle""

Sitecore CDPデフォルトの関数パラメータをサポートします。defaultパラメータを使用すると、値が渡されない場合に関数パラメータのデフォルト値を設定できます。

次のJavaScriptには例が含まれています。

function multiply(a, b = 2) {
  return a * b;
}
print(multiply(5));
// expected output: 10

Sitecore CDPletバインディングとconstバインディングをサポートします。

letバインディングは、declaration.let変数を含む (ブロック) スコープの先頭に作成され、その定義が評価されるまで初期化されません。

constステートメントは、letステートメントと同じローカル変数を宣言します。ただし、初期化後は、他の値で再割り当てすることはできません。宣言時に初期化する必要があります。

次のJavaScriptには例が含まれています。

const foo = 'bar';
let ten = 10;
print(foo, ten);
// expected output: bar, 10

Sitecore CDPオブジェクトの分割代入をサポートします。これを使用して、オブジェクトからプロパティを抽出し、それらを変数にバインドします。

次のJavaScriptには例が含まれています。

var o = {p: 42, q: true};
var {p, q} = o;
print(p); // 42
print(q); // true

Sitecore CDPは、さまざまな入力を関数のパラメーターとして処理するための改善された方法として、RESTパラメーターをサポートします。restパラメータ構文を使用すると、不確定な数の引数を配列として表すことができます。

次のJavaScriptには例が含まれています。

function sum(...theArgs) {
  return theArgs.reduce((previous, current) => {
    return previous + current;
  });
}
print(sum(1, 2, 3));
// expected output: 6

Sitecore CDP spread構文 (...) をサポートしており、これにより0個以上の引数が予想される場所でiterableを展開できます。

次のJavaScriptには例が含まれています。

function sum(x, y, z) {
  return x + y + z;
}
const numbers = [1, 2, 3];
print(sum(...numbers));
// expected output: 6

Sitecore CDPテンプレートリテラル構文をサポートしているため、文字列を操作するときに一重引用符 (') や二重引用符 (") の代わりにバッククォート (') を使用できます。

次のJavaScriptには例が含まれています。

const a = 5;
const b = 10;
print(`Fifteen is ${a + b} and not ${2 * a + b}.`);
// ""Fifteen is 15 and not 20.""