Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSSFontFeatureValuesMap: [Symbol.iterator]() Methode

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die [Symbol.iterator]() Methode der CSSFontFeatureValuesMap Schnittstelle implementiert das iterable Protokoll und ermöglicht es eingebauten Iteratoren, von den meisten Syntaxen, die Iterables erwarten, konsumiert zu werden, wie dem Spread-Syntax und for...of Schleifen. Sie gibt den Wert von this zurück, welcher das Iterator-Objekt selbst ist.

Syntax

js
iterator[Symbol.iterator]()

Parameter

Keine.

Rückgabewert

Der Wert von this, welches das Iterator-Objekt selbst ist.

Beispiele

Grundlegende Verwendung

Das folgende Beispiel verwendet den eingebauten Iterator von CSSFontFeatureValuesMap, um die Werte mit einer for...of Schleife zu protokollieren. Dieses Beispiel nutzt @swash, funktioniert aber auch mit anderen Feature-Wert-Blöcken.

CSS

css
@font-feature-values "MonteCarlo" {
  @swash {
    swishy: 1;
    swashy: 2;
  }
}

JavaScript

js
// get the rules
const myRule = document.styleSheets[0].cssRules[0];
for (const value of myRule.swash.keys()) {
  console.log(value);
}
// Logs: "swishy", "swashy"

Spezifikationen

Specification
CSS Fonts Module Level 4
# cssfontfeaturevaluesmap

Browser-Kompatibilität

Siehe auch