find（返回符合传入测试（函数）条件的数组元素。）

let list =[{id: 4, pid: 3, menuName: "操作日志", menuLevel: 2, url: "/operatelogs"},{id: 8, pid: 7, menuName: "富文本", menuLevel: 2, url: "/richtext"},{id: 11, pid: 7, menuName: "echarts", menuLevel: 2, url: "/echarts"},
]select = list.find((value) => {return value.url === '/echarts' && value
})
console.log(select) //{id: 11, pid: 7, menuName: "echarts", menuLevel: 2, url: "/echarts"}

如何上代码，返回的是符合条件的数组元素对象。

通过id，或者数字中对象的key值拿到数据

findIndex 拿到对象的下标

var index= list.findIndex(function(obj){return obj.id === id})

请求方式

请求传参方式

1.拼接在url后面。

2.body form-data 方式传参。

3.body JSON形式传参。

如果是'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'的话，则为formdata方式，

如果是'Content-Type':application/json，则为 json的方式。

css

css定位居中

    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)

鼠标悬停显示不同的样式

cursor:pointer /* 手 */；

自定义样式

cursor: url('../../images/icon_Currentrisk.png'),auto;

取消页面双击选中文本

    user-select:none;-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/

更多请看 https://www.runoob.com/w3cnote/moible-web-front-source.html

原生js对数组操作（find，findIndex）相关推荐

JQuery和原生JS遍历数组和对象的对比
目录 1 遍历数组 1.1 JQuery遍历数组 1.2 原生JS遍历数组 2 遍历对象 2.1 JQuery遍历对象 2.2 原生JS遍历对象 1 遍历数组 1.1 JQuery遍历数组在JQue ...
原生JS和jQuery操作DOM的区别小结
一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq ...
原生js 样式的操作整理
内联样式的获取 function getStyle(obj,attr){//简单的获取内联样式return obj.currentStyle?obj.currentStyle[attr]:obj.ge ...
js 字节数组操作，TCP协议组装
js字节数组,进制转换 js基础知识数组 Array json对象转化为key,value的对象数组创建全为0的数组的几种方法扩展操作符三个点(...) ArrayBuffer Array 与 ...
js 常用数组操作的方法
1. concat 数组拼接 // 用于连接两个或者多个字符串,无法改变原字符串,返回两个或者多个连接后生成的新字符串代码如下:let str = 'hello';let str2 = 'word'; ...
原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute
<input type="button" id="btn" a='18' value="按钮"> var btn = docum ...
原生js和jquery 遍历数组区别（forEach和each区别）
原生js和jquery 遍历数组区别(forEach和each区别) <script>var arr=[1,3,6,8,4];var obj={0:1,1:3,2:6,3:8,4:4};a ...
Vue Array数组操作（变异更新、替换）
今天小编写一下Array数组操作(变异更新.替换) 来个v-for和key小补充,方便了解接下来的课程循环指令v-for补充: 使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改 ...
js的数组和对象的多种复制和清空, 以及区分JS数组和对象的方法
js的数组和对象的多种"复制"和"清空", 以及区分JS数组和对象的方法一.数组清空与复制方法 1.数组清空的方法 var a = [1,2,3]; a.le ...
原生JS 将json数据循环遍历到HTML中
原生JS 将数组的数据循环遍历到HTML中 html如下(图片地址为本地保存的)<div id="article"><!-- <div class=&quo ...

原生js对数组操作（find，findIndex）