js 过滤两个数组中的相同元素

1. filter 和 find 、some ,includes结合使用

javascript 复制代码
let arr = [1, 2, 3, 4, 5];
let arr2 = [3, 4, 5, 6, 7];

const arr3 = arr.filter((item) => arr2.includes(item));
const arr4 = arr.filter((item) => arr2.find((item2) => item2 === item));
const arr5 = arr.filter((item) => arr2.some((item2) => item2 === item));
console.log(arr3, "arr3");
console.log(arr4, "arr4");
console.log(arr5, "arr5");
/**
 *   [ 3, 4, 5 ] arr3
     [ 3, 4, 5 ] arr4
     [ 3, 4, 5 ] arr5
 */

2.input 上传图片不想要默认 上传样式

javascript 复制代码
<input type="file" id="myFileInput" style="display: none;">
<label for="myFileInput" class="custom-file-upload">自定义文件上传按钮</label>

3. 原生对 地址或者 base64进行编码 的api

encodeComponent() 不会对 ASCII 数字 或者 - _ . ! ~ * ' ( ) 编码 。只对 #¥%@......& ....等编码

防止 服务端解析 这些地址 无法识别

相反

decodeComponent() 解码

|---|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| | js中encodeURIComponent函数的使用,加码解码_玉米妈妈-momoxifei的博客-CSDN博客js中encodeURIComponent函数的使用,加码解码https://blog.csdn.net/yanabcdef/article/details/125988707?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168462975916800226542870%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=168462975916800226542870&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-2-125988707-null-null.142%5Ev87%5Econtrol_2,239%5Ev2%5Einsert_chatgpt&utm_term=encodeURIComponent&spm=1018.2226.3001.4187 |
| | URL详解以及encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别_urlunicodeuri_青颜的天空的博客-CSDN博客 |
| | |

相关推荐
二王一个今43 分钟前
Python打包成exe(windows)或者app(mac)
开发语言·python·macos
北海-cherish5 小时前
vue中的 watchEffect、watchAsyncEffect、watchPostEffect的区别
前端·javascript·vue.js
C嘎嘎嵌入式开发5 小时前
(2)100天python从入门到拿捏
开发语言·python
AALoveTouch6 小时前
网球馆自动预约系统的反调试
javascript·网络
Stanford_11066 小时前
如何利用Python进行数据分析与可视化的具体操作指南
开发语言·c++·python·微信小程序·微信公众平台·twitter·微信开放平台
Vallelonga7 小时前
Rust 中的数组和数组切片引用
开发语言·rust
Kiri霧7 小时前
Rust模式匹配详解
开发语言·windows·rust
white-persist7 小时前
Python实例方法与Python类的构造方法全解析
开发语言·前端·python·原型模式
千里马-horse7 小时前
Async++ 源码分析8--partitioner.h
开发语言·c++·async++·partitioner
新中地GIS开发老师8 小时前
Cesium 军事标绘入门:用 Cesium-Plot-JS 快速实现标绘功能
前端·javascript·arcgis·cesium·gis开发·地理信息科学