js find

js find是什么？让我们一起来了解下。

js find是指JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。js find的用法是将find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

JavaScript最初由Netscape的Brendan Eich设计，最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是看上去像Java，因此语法上有类似之处，一些名称和命名规范也借自Java，但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。

JavaScript脚本语言具有以下特点:

1、脚本语言：JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释。

2、基于对象：JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

3、简单：JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。

4、动态性：JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

5、跨平台性：JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提是机器上的浏览器支 持JavaScript脚本语言，JavaScript已被大多数的浏览器所支持。不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题，安全性。

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行，而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

今天的分享就是这些，希望能帮助大家。

js findindex方法

JS小技巧，如何去重对象数组？(一)

大家好，关于数组对象去重的业务场景，想必大家都遇到过类似的需求吧，这对这样的需求你是怎么做的呢。下面我就先和大家分享下如果是基于对象的1个属性是怎么去重实现的。

方法一：使用 .filter() 和 .findIndex() 相结合的方法

使用 Array.prototype.filter() 和 Array.prototype.findIndex()：使用 filter() 方法过滤掉重复的元素，使用 findIndex() 方法判断对象是否重复，代码如下：

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const uniqueArr = arr.filter((item, index) => arr.findIndex(i => i.id === item.id) === index);方法二：使用 .reduce() 方法

使用 reduce() 方法维护一个累加器，通过对象的属性来判断是否重复，代码如下：

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const uniqueArr = arr.reduce((acc, curr) => { if (!acc.find(item => item.id === curr.id)) { acc.push(curr); } return acc;}, []);方法三、使用 .forEach() 和 .some() 相结合的方法

使用 forEach() 方法遍历数组，使用 some() 方法判断是否重复，代码如下：

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const uniqueArr = [];arr.forEach(item => { if (!uniqueArr.some(i => i.id === item.id)) { uniqueArr.push(item); }});方法四：使用 Map

使用 Map 结构去重对象数组时，需要借助 array.map() 函数将对象数组进行转换，示例代码如下：

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const uniqueArr = [...new Map(arr.map(item => [item.id, item])).values()];方法五： Object.create()

使用Object.create()，按照对象的属性来判断是否重复，代码如下

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const uniqueArr = arr.filter(function (item) { return !this[item.id] && (this[item.id] = true);}, Object.create(null));方法六： For const of 和 find 结合

• 这个方法的思想与方法3类似 ，其思路结构如下：
• 创建一个空的唯一数组来存储唯一对象。
• 循环遍历数组中的对象。对于每个对象，如果它不是重复的，则将其添加到唯一数组。否则，忽略它

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "c"}, {id: 3, name: "d"}];const unique = [];for (const item of arr) { const isDuplicate = unique.find((obj) => obj.id === item.id); if (!isDuplicate) { unique.push(item); }}针对多个属性进行去重

有时候，您可能希望仅当对象具有两个或多个具有相同值的属性时才将其视为重复对象——多个属性值相同。

对于这种情况，我们可以将上述方法进行稍微调整就可以进行使用，有部分方法可能不适用,有哪些不合适，这个问题留给大家，欢迎大家在评论区补充。

我们拿使用 .filter() 和 .findIndex() 相结合的方法尝试下，看看如何操作：

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "a"}, {id: 3, name: "d"}];const uniqueArr = arr.filter((item, index) => arr.findIndex(i => i.id === item.id && i.name === item.name) === index);

我们再使用 For const of 和 find 结合的方法，也能实现同样的效果

const arr = [{id: 1, name: "a"}, {id: 2, name: "b"}, {id: 1, name: "a"}, {id: 3, name: "d"}];const unique = [];for (const item of arr) { const isDuplicate = unique.find((obj) => obj.id === item.id && obj.name ==item.name); if (!isDuplicate) { unique.push(item); }}console.log(unique)结束

其他几个方法的改造，欢迎大家作为练习进行尝试，这里就不在一一举例了，今天的分享就到这里，今天分享的这些方法都可以实现对象数组的去重，具体使用哪种方法取决于个人的喜好和项目的需求，如果你有其他的方法，欢迎大家在评论区补充，感谢你的关注。