Un fel de date în ordine alfabetică de la matrice, oferindu-alfabet eticheta pentru mai multe elemente reactjs?

Question 1

Am creat-o viitoare cerere js. Aici am avea pentru a sorta datele din matrice în ordine alfabetică și am să dau, de asemenea, alfabetul eticheta. Cum pot face asta?

Exemplu: am un Array-

export default [
    { name: "Xioami" },
    { name: "Samsung" },
    { name: "Sumia" },
    { name: "Siam" },
    { name: "Tackro" },
    { name: "Apple" },
    { name: "Oppo" },
    { name: "Techno" },
    { name: "Itel" },
]

Aici am să-l arate ca ...

A
Apple

I
Itel

O
Oppo

S
Samsung
Siam
Sumia

T
Tackro
Techno

X
Xiomi

Cu Alfabet eticheta..

Aici este componente

//Data
import BrandData from "Data/Header/Brand.Data";

const Brand = ({ setFilterData, filterData }) => {
    return (
        <List className={classes.List}>
            {brands &&
                brands.map((brand, i) => (
                    <ListItem key={i}>
                        {brand.name}
                    </ListItem>
                ))
            }
        </List>
    );
};
export default Brand;

Question 2

Ce puteți face este,

primul grup de telefoane bazate pe prima lor scrisoare
apoi grupul înțelept fel de date de fiecare literă
În timp ce redarea, puteți afișa Alfabetul Eticheta ca index of array+'A'și a aruncat-o as character & afișa numai acele alfabetul grup având lungimea>0

     

const arr = [
    { name: "Xioami" },
    { name: "Samsung" },
    { name: "Apple" },
    { name: "Oppo" },
    { name: "Techno" },
    { name: "Itel" },
    { name: "Samsung1" },
    { name: "Apple1" },
    { name: "Apple2" },
    { name: "Oppo1" },
    { name: "Oppo2" },
    { name: "Oppo3" },
    { name: "Itel1" },
]

let alphabeticallyGrouped = [...Array(26)].fill([])

arr.forEach((phone) => {
    let index = phone.name[0].charCodeAt(0) - 'A'.charCodeAt(0);
    alphabeticallyGrouped[index] = [...alphabeticallyGrouped[index],phone]
});

const alphabeticallySorted = [...alphabeticallyGrouped].map(group => group.sort());

console.log(alphabeticallySorted)

Notă: puteți vedea producția efectivă de funcționare pe browser-ul consolei.

Himanshu Singh · Answer 1 · 2021-11-23T18:27:12

Ce puteți face este,

primul grup de telefoane bazate pe prima lor scrisoare
apoi grupul înțelept fel de date de fiecare literă
În timp ce redarea, puteți afișa Alfabetul Eticheta ca index of array+'A'și a aruncat-o as character & afișa numai acele alfabetul grup având lungimea>0

     

const arr = [
    { name: "Xioami" },
    { name: "Samsung" },
    { name: "Apple" },
    { name: "Oppo" },
    { name: "Techno" },
    { name: "Itel" },
    { name: "Samsung1" },
    { name: "Apple1" },
    { name: "Apple2" },
    { name: "Oppo1" },
    { name: "Oppo2" },
    { name: "Oppo3" },
    { name: "Itel1" },
]

let alphabeticallyGrouped = [...Array(26)].fill([])

arr.forEach((phone) => {
    let index = phone.name[0].charCodeAt(0) - 'A'.charCodeAt(0);
    alphabeticallyGrouped[index] = [...alphabeticallyGrouped[index],phone]
});

const alphabeticallySorted = [...alphabeticallyGrouped].map(group => group.sort());

console.log(alphabeticallySorted)

Notă: puteți vedea producția efectivă de funcționare pe browser-ul consolei.

Cum pot arăta alfabetul eticheta (a, B, C, D) în reacționa component?
Acestea sunt deja sortate ca am luat-o array of size 26 O -> index 0, B -> index-1, C -> 2 index, . . . .
În reacționa, se poate ocupa de randare doar prin utilizarea logica menționate în punctul 3 din răspunsul.

Un fel de date în ordine alfabetică de la matrice, oferindu-alfabet eticheta pentru mai multe elemente reactjs?

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie