Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查一个数组是否包含另一个数组的任何元素,并突出显示来自另一个数组的元素-React native_Javascript_Arrays_React Native - Fatal编程技术网

Javascript 检查一个数组是否包含另一个数组的任何元素,并突出显示来自另一个数组的元素-React native

Javascript 检查一个数组是否包含另一个数组的任何元素,并突出显示来自另一个数组的元素-React native,javascript,arrays,react-native,Javascript,Arrays,React Native,我有一个元素数组,显示为标记。例如: ["apple","banana","pineapple","grape"] 显示为==> 苹果香蕉菠萝葡萄 是我的数组 对于TextInputonChangeText,将使用输入的文本启动一个取消公告的套接字调用,处理后,我将获得一个与传递的文本匹配的元素数组 例如,我将从websocket响应中获得[“apple”,“banana”],它应该以==> 苹果香蕉菠萝葡萄 其中,苹果和香蕉突出显示 如何实施 --更新--- 这就是我的阵列的外观 var o

我有一个元素数组,显示为标记。例如:

["apple","banana","pineapple","grape"]
显示为==> 苹果香蕉菠萝葡萄

是我的数组

对于TextInput
onChangeText
,将使用输入的文本启动一个取消公告的套接字调用,处理后,我将获得一个与传递的文本匹配的元素数组

例如,我将从websocket响应中获得
[“apple”,“banana”]
,它应该以==> 苹果香蕉菠萝葡萄

其中,苹果香蕉突出显示

如何实施

--更新--- 这就是我的阵列的外观

var originalArray = [
      { id: 1, name: "apple" },
      { id: 2, name: "banana" },
      { id: 3, name: "pineapple" },
      { id: 4, name: "grape" },];
    ];
var receivedArray = [
      { id: 1, name: "apple" },
      { id: 2, name: "banana" },];

使用
for
循环和
includes
(甚至
indexOf
)可能:

function dothing(){
让mainarr=main.value.split(“,”);
设filterr=filter.value.split(“,”);

对于(var i=0;i,您可以找到原始数组中出现的接收元素的所有索引,然后处理找到的索引

var originalArray = ["apple","banana","pineapple","grape"];
var receivedArray = ["apple", "banana"];
var foundIndices = originalArray.map(el => receivedArray.includes(el) ? true : false)
// Highlight copy version of originalArray based on foundIndices

你能添加代码吗?到目前为止你尝试了什么?我正要实现它。我需要做的是突出显示元素,它与原始数组元素一起从后端接收。