js前端数据处理解决方法汇总

最新推荐文章于 2024-10-02 05:39:15 发布

Abao

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量396

点赞数 5

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_72439307/article/details/141462020

版权

1、随机生成六位随机字母组合的字符串‘VWBKJI’

function generateRandomString(length) {  
    let result = '';  
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';  
    const charactersLength = characters.length;  
    for (let i = 0; i < length; i++) {  
        result += characters.charAt(Math.floor(Math.random() * charactersLength));  
    }  
    return result;  
}  
generateRandomString(6)

2、将对象数组转为只有某个属性的字符串数组
原数据

[{name:'aaa',url:'123'},{name:'bbb',url:'456'},{name:'ccc',url:'789'}]

期望

====>>>>['123','456','789']

function extractPreviewUrls(arr: any) {
  return arr.map((item: any) => item.url)
}

3、

原数组

[{filename:'111',fileurl:'1111',oriname:'11'},{filename:'222',fileurl:'2222',oriname:'22'}
,{filename:'333',fileurl:'3333',oriname:'33'}]

期望

===>>>[{name:'111',url:'1111'},{name:'222',url:'2222'}
,{name:'333',url:'3333']

function transformedData(data: any) {
  return data.map((item: any) => ({
    name: item.fileName,
    url: item.previewUrl
  }))
}

4、

元数据

[{
"name": "/321906607898629/582621784948805/NOTICE_PICTURE/d6f47204-9ae6-4189-8558-9fc8be67c9bc.jpg",
"url": "http://192.168.202.8:9000/heating-regulation-platform-permanent",
"uid": 1724378439094,
"status": "success"
},
{
"name": "OIP-C (2).jpg",
"percentage": 100,
"status": "success",
"size": 13974,
"raw": {
"uid": 1724378689904
},
"uid": 1724378689904,
"url": "blob:http://192.168.202.72:5174/d67d60f2-ce9b-4ce8-a67b-9430bcf973ed",
"response": {
"fileName": "/321906607898629/da130c7d-4bf8-419a-b81d-6d252f99fefc.jpg",
"previewUrl": "http://192.168.202.8:9000/heating-regulation-platform-temporary-storage",
"originalFilename": "OIP-C (2).jpg"
}
}]
期望

['/321906607898629/582621784948805/NOTICE_PICTURE/d6f47204-9ae6-4189-8558-9fc8be67c9bc.jpg','/321906607898629/da130c7d-4bf8-419a-b81d-6d252f99fefc.jpg']


function extractFileNames(data) {  
    return data.map(item => {  
        // 检查是否有 response 属性且 response.fileName 存在  
        if (item.response && item.response.fileName) {  
            return item.response.fileName;  
        }  
        // 否则，使用 name 属性  
        return item.name;  
    });  
}