डेटा को सॉर्ट वर्णानुक्रम से सरणी देने के द्वारा वर्णमाला लेबल के लिए कई आइटम reactjs?

Question 1

मैं निर्माण कर रहा हूँ एक अगले जेएस आवेदन है । यहाँ मैं सॉर्ट करने के लिए डेटा सरणी के द्वारा वर्णानुक्रम और मैं भी दे वर्णमाला लेबल. मैं कैसे कर सकते हैं कि?

उदाहरण: मैं एक सरणी-

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

यहाँ मैं यह दिखाने के लिए है की तरह--

A
Apple

I
Itel

O
Oppo

S
Samsung
Siam
Sumia

T
Tackro
Techno

X
Xiomi

वर्णमाला के साथ लेबल..

यहाँ घटकों

//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

आप क्या कर सकते है,

पहले समूह फोन के आधार पर अपने पहले पत्र
तो फिर समूह में बुद्धिमान प्रकार के डेटा के प्रत्येक अक्षर
जबकि प्रतिपादन, आप कर सकते हैं दिखाने वर्णमाला लेबल के रूप में index of array+'A'और यह कास्ट as character & दिखाने के लिए केवल उन वर्णमाला समूह होने लंबाई>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)

नोट: देख सकते हैं वास्तविक उत्पादन पर चल रहे ब्राउज़र कंसोल.

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

आप क्या कर सकते है,

पहले समूह फोन के आधार पर अपने पहले पत्र
तो फिर समूह में बुद्धिमान प्रकार के डेटा के प्रत्येक अक्षर
जबकि प्रतिपादन, आप कर सकते हैं दिखाने वर्णमाला लेबल के रूप में index of array+'A'और यह कास्ट as character & दिखाने के लिए केवल उन वर्णमाला समूह होने लंबाई>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)

नोट: देख सकते हैं वास्तविक उत्पादन पर चल रहे ब्राउज़र कंसोल.

मैं कैसे कर सकते हैं दिखाने के लिए वर्णमाला लेबल (ए, बी, सी, डी) में प्रतिक्रिया घटक?
वे कर रहे हैं पहले से ही हल है के रूप में हम ले लिया है एक array of size 26 एक -> 0 सूचकांक, बी - - > 1 सूचकांक, सी -> 2 सूचकांक, . . . .
में प्रतिक्रिया, आप को संभाल कर सकते हैं प्रतिपादन का उपयोग करके सिर्फ तर्क में उल्लेख किया 3 बिंदु में जवाब.

डेटा को सॉर्ट वर्णानुक्रम से सरणी देने के द्वारा वर्णमाला लेबल के लिए कई आइटम reactjs?

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में