Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.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 如何从数组中删除特定元素_Javascript_Arrays_Array Splice - Fatal编程技术网

Javascript 如何从数组中删除特定元素

Javascript 如何从数组中删除特定元素,javascript,arrays,array-splice,Javascript,Arrays,Array Splice,如果我选择一个图像,它将添加到数组中,如果我在选择后取消选择该图像 另一张照片,它不会从阵列中删除,但我只希望插入到阵列中的选定项目 阵列 如果要使用接头从阵列中删除图元,则需要将其定义为: 滑块索引,1 其中index是要从数组中删除的图像的索引,由于您希望删除单个元素,因此我们已传递了一个元素。使用拼接索引,1;可以从阵列中删除未选择的图像 var imageSelectedArray=[]; 函数handleclickb{ //检查图像是否真的存在于阵列中 var索引=imageSele

如果我选择一个图像,它将添加到数组中,如果我在选择后取消选择该图像 另一张照片,它不会从阵列中删除,但我只希望插入到阵列中的选定项目 阵列


如果要使用接头从阵列中删除图元,则需要将其定义为:

滑块索引,1

其中index是要从数组中删除的图像的索引,由于您希望删除单个元素,因此我们已传递了一个元素。

使用拼接索引,1;可以从阵列中删除未选择的图像

var imageSelectedArray=[]; 函数handleclickb{ //检查图像是否真的存在于阵列中 var索引=imageSelectedArray.indexOfcb.value; ifindex==-1{ //在数组中插入图像URL imageSelectedArray.pushcb.value; } 否则{ //删除已存在的图像。 imageSelectedArray.剪接索引,1; } console.logimageSelectedArray; } 保险商实验室{ 列表样式类型:无; } 李{ 显示:内联块; } 输入[type=checkbox][id^=cb]{ 显示:无; } 标签{ 边框:1px实心fff; 填充:10px; 显示:块; 位置:相对位置; 利润率:10px; 光标:指针; -webkit触摸标注:无; -webkit用户选择:无; -khtml用户选择:无; -moz用户选择:无; -ms用户选择:无; 用户选择:无; } 标签::之前{ 背景色:白色; 颜色:白色; 内容:; 显示:块; 边界半径:50%; 边框:1px纯灰; 位置:绝对位置; 顶部:-5px; 左:-5px; 宽度:25px; 高度:25px; 文本对齐:居中; 线高:28px; 过渡时间:0.4s; 变换:scale0; } 标签img{ 高度:100px; 宽度:100px; 过渡时间:0.2s; 变换原点:50%50%; } :选中+标签{ 边框颜色:ddd; } :选中+标签::之前{ 内容:✓; 背景颜色:灰色; 变换:scale1; } :选中+标记img{ 变换:scale0.9; 盒影:0 0 5px 333; z指数:-1; }
谢谢!代码正在运行!
const selectItem = (event, img) => {
  let element = event.target;
  element.classList.toggle('added');
  const index = sliders.indexOf(img);
  if (index === -1) {
    sliders.push(img);
  } else {
    sliders.splice(img, 1);
  }
}