เรียงลำดับตัวอักษรเรียงลำดับข้อมูลจากอาเรย์โดยให้ตัวอักษรป้ายสำหรับหลายรายการ reactjs?

Question 1

ฉันกำลังสร้างเป็นคนต่อ js รทำงานของโปรแกรม นี่ฉันต้องเรียงลำดับข้อมูลจากอาเรย์โดยเรียงลำดับตัวอักษรและฉันต้องบอกตัวอักษรดี้ ทำไมฉันต้องทำอย่างนั้น?

ตัวอย่าง:ฉันมีอาเรย์-

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)

ข้อควรทราบ:รองเห็นแท้จริงผลส่งออกโดยกำลังทำงานบนเบราว์เซอร์เป็นคอนโซล.

จะให้ฉันแสดงตัวอักษรใช้ป้ายชื่อของแผ่น(เป็นนะบีซี D)ในส่วนประกอบมีปฏิกิริยา?
พวกเขาอยู่แล้วจัดเรียงเรียบร้อยอย่างที่เราต้องจับเป็น array of size 26 เป็->ค่าเป็น 0 ดัชนีบี->1 ดัชนี,C->2 ดัชนี,. . . .
ในตอบโต้คุณสามารถจัดการการแสดงผลโดยใช้ตรรกะพูดถึงอยู่ 3 จุดในคำตอบ

เรียงลำดับตัวอักษรเรียงลำดับข้อมูลจากอาเรย์โดยให้ตัวอักษรป้ายสำหรับหลายรายการ reactjs?

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่