【js】根据给定的数组和属性从源数组中获取数据

loyd3

已于 2023-08-14 16:08:16 修改

阅读量630

点赞数

CC 4.0 BY-SA版权

分类专栏：前端实用工具集文章标签： javascript 前端 java

于 2023-08-14 16:00:35 首次发布

本文链接：https://blog.csdn.net/loyd3/article/details/132160452

前端实用工具集专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何使用JavaScript函数getDataByGivenArray()，根据给定数组（sourceArray）的特定属性值（indexKey，如id）过滤出匹配的子数组。通过指定indexArray和indexKey，实现高效的数据检索。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想从一个数组中，根据该数组的某个属性值，例如id，取出相对应的数据，可以参考下面的方法


getDataByGivenArray: function(sourceArray, indexArray , indexKey) {
    var array = [];
    for (var i = 0; i < sourceArray.length; i++) {
        if (indexArray .indexOf(sourceArray[i][indexKey]) > -1) {
        	if(sourceArray[i]!==undefined){
				array.push(sourceArray[i]);
			}
        }
    }
    return array;
},

在上面的方法中，sourceArray是要取数据的数组，IndexArray是指定想要取出的数据，indexKey是IndexArray中的数据对应sourceArray的属性值，
例如

var sourceArray = [
	{id:"physical-activity",color:"#1C7FF7CC",sort:0},
	{id:"taste",color:"#A119E066",sort:1},
	{id:"acceptance",color:"#A119E066",sort:2},
	{id:"tranquility",color:"#7CCF65CC",sort:3},
	{id:"competitiveness",color:"#F78429CC",sort:4},
]

var indexArray = ['physical-activity','taste']
var indexKey = 'id'

要从sourceArray 中取出id为physical-activity和taste的数据

console.log(this.getDataByGivenArray(sourceArray, indexArray, indexKey ))

得到结果

[
	{id:"physical-activity",color:"#1C7FF7CC",sort:0},
	{id:"taste",color:"#A119E066",sort:1},
]