Lesson: 23 | Array Iteration

HTML

<template>
    <p>Items: {displayItems}</p>
</template>

<template>
    <ul>
        <template for:each={items} for:item="item">
            <li key={item}>{item}</li>
        </template>
    </ul>
</template>

Java Script

import { LightningElement } from 'lwc';

export default class ArrayDisplay extends LightningElement {
    items = ['Apple', 'Banana', 'Orange', 'Grapes'];

    get displayItems() {
        let result = '';
        for (let i = 0; i < this.items.length; i++) {
            result += this.items[i] + ', ';
        }
        return result.slice(0, -2); // Removing the last comma and space
    }
}

Prev You need to login to have access to the quizzes.

Mastered by 1 users.

Go to top

Login to your account

Lesson: 23 | Array Iteration

HTML