CSSNumericArray
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Das CSSNumericArray-Interface der CSS Typed Object Model API repräsentiert ein iterierbares Objekt, das auf CSSNumericValue-basierten Objekten basiert.
Ein Objekt dieses Typs wird verwendet, um die Operanden einer mathematischen Operation in der values-Eigenschaft von CSSMathSum, CSSMathProduct, CSSMathMin und CSSMathMax darzustellen.
Die Elemente können über einen Index (array[0]) zugegriffen werden, und als iterierbares Objekt kann es mit einer for...of-Schleife oder mit Spread-Syntax verwendet werden.
Instanzen-Eigenschaften
CSSNumericArray.lengthSchreibgeschützt-
Gibt die Anzahl der Elemente im Objekt zurück.
Instanz-Methoden
CSSNumericArray.entries()-
Gibt einen neuen Array-Iterator zurück, der
[index, value]-Paare für jedes Element im Objekt liefert. CSSNumericArray.forEach()-
Führt eine bereitgestellte Funktion einmal für jedes Element im Objekt aus.
CSSNumericArray.keys()-
Gibt einen neuen Array-Iterator zurück, der die Indizes jedes Elements im Objekt liefert.
CSSNumericArray.values()-
Gibt einen neuen Array-Iterator zurück, der jedes Element im Objekt liefert.
Beispiele
Lesen der Terme eines CSSMathSum
Die values-Eigenschaft eines CSSMathSum ist ein CSSNumericArray, das die Terme der Summe enthält.
Dieses Beispiel erstellt einen CSSMathSum und liest dann seine values über length, indizierten Zugriff und Iteration.
const sum = new CSSMathSum(CSS.px(10), CSS.em(5), CSS.percent(50));
const values = sum.values;
console.log(values.length); // 3
console.log(values[0]); // CSSUnitValue {value: 10, unit: "px"}
for (const value of values) {
console.log(value.toString());
}
// "10px"
// "5em"
// "50%"
Spezifikationen
| Spezifikation |
|---|
| CSS Typed OM Level 1 # cssnumericarray |