CSSTransformValue: forEach() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Want more browser support for this feature? Tell us why.
Note: This feature is available in Web Workers.
The forEach() method of the CSSTransformValue interface executes a provided function once for each item in the object.
Syntax
js
forEach(callbackFn)
forEach(callbackFn, thisArg)
Parameters
callbackFn-
The function to execute for each element, taking three arguments:
currentValue-
The item being processed.
indexOptional-
The index of the current element being processed.
arrayOptional-
The
CSSTransformValuethatforEach()is being called on.
thisArgOptional-
Value to use as
thiswhen executingcallbackFn.
Return value
None (undefined).
Examples
Iterating with forEach()
js
const transform = new CSSTransformValue([
new CSSTranslate(CSS.px(10), CSS.px(20)),
new CSSScale(2, 3),
]);
transform.forEach((component, index) => {
console.log(index, component.toString());
});
// 0 "translate(10px, 20px)"
// 1 "scale(2, 3)"
Specifications
| Specification |
|---|
| CSS Typed OM Level 1 # transformvalue-objects |