js-web建站教程

js把数组里数据用另一个数组的替换（通过相同

2021年07月30日浏览(22)

1、对象替换 var arr1 = [ { id: 100, name: 小麦, value: 1 }, { id: 101, name: 小明, value: 2 }, { id: 102, name: 小白, value: 3 }, { id: 103, name: 小青, value: 4 }, { id: 104, name: 小龙, value: 5 },];var arr2={id:102,name:小龙虾,value:100}; arr1 = arr1.map(t = { return t.id === arr2.id ? arr2 : t;});console.log(结果,arr1);//结果[{id: 100, name: 小麦, value: 1},{id: 101, name: 小明, value: 2},{id: 102, name: 小龙虾, value: 100},{id: 103, name: 小青, value: 4},{id:

js数字每三位加一个逗号

2021年07月27日浏览(2)

function toCommaThousands(num) { var result = [ ], counter = 0; num = (num || 0).toString().split(); for (var i = num.length - 1; i = 0; i--) { counter++; result.unshift(num[i]); if (!(counter % 3) i != 0) { result.unshift(,); } } return result.join();}

input输入文字输出对应的内容（如果有图片显示，

2021年07月14日浏览(4)

html代码： input type=text size=20 value= id=value/button onclick=btn()生成/buttonspan id=result class=font/span JS代码 function btn(){ //需要转换的图片 var imgArr =[{ name:中, img:img/ba.png, value: },{ name:国, img:img/ban.png, value: },{ name:人, img:img/bai.png, value: }] //获取input内容 let _value = document.getElementById(value).value let _valueArr = [] for(let i=0; i_value.length; i++){ _valueArr.push({ name: _value[i], img:, value:_value[i] }) } //2个数组合并 co

在线自动生成.9png图片工具

2021年07月12日浏览(8)

操作步骤很简单，根据上图步骤把一些需要变成.9png的图片导进来即可自动生成。 1、drawable-hdpi 2、drawable-mhdpi 3、drawable-xhdpi 4、drawable-xxhdpi 等4个不同dpi的文件。右边还可以预览效果。非常方便！也是一个简单易学的.9png的切图工具。让新手快速掌握android设计切图。在线自动生成.9png图网址：http://romannurik.github.io/AndroidAssetStudio/nine-patches.html

jQuery ajax封装用方法

2021年07月09日浏览(0)

function sendAjax(url, param, datat, callback) { $.ajax({ type: post, url: url, data: param, dataType: datat, success: callback, error: function() { ClosetoastLoading(); errorTip(); } });} function ajax(url, data) { return $.ajax({ url: apiUrl + url, data: data, type: get, success: function(res) { if (res res.code == 200) { return res } else { message(res.msg) return } }, error: function(e) { message(JSON.parse(e.responseText).message) } });}

js去掉多维数组中id相同的保留一个

2021年06月25日浏览(1)

let userInfoLS=[{id:1,name:aaa},{id:2,name:bbb},{id:3,name:ccc},{id:2,name:ddd},{id:1,name:eee},{id:4,name:ggg}]function deletArr(userInfoLS, id) { let list = [...userInfoLS]; let result = []; let obj = {}; for (let i = 0; i list.length; i++) {if (!obj[list[i][id]]) { result.push(list[i]); obj[list[i].id] = true;} } return result;}//调用userInfoLS = deletArr(userInfoLS, id); //去重结果console.log(输出结果, userInfoLS)userInfoLS=[ { id: 1, name: aaa }, { id: 2, name: bbb }, { id: 3, nam

2个数组，相同数据合并后不同数据合并(删除指定

2021年06月24日浏览(3)

1、删除指定索引 function Arrdel(a1, a2) { let arr = []; a2.forEach(item = {a1.splice(item, 1) }) //过滤 arr = a1.filter(item = item); return arr;} 2、拿到相同数组和不同数组 let arr1 = [{examNo:1231,name:中国,age:20},{examNo:3211,name:美国,age:20}]let arr2 = [{examNo:1231,sex:男,fam:2},{examNo:,sex:女,fam:21}]let appointmentListArr1 = [];let appointmentListArr2 = [];for (let i = 0; i arr1.length; i++) {for (let j = 0; j arr2.length; j++) { if (arr1[i].examNo === arr2[j]

js用正则去掉前后逗号

2021年06月18日浏览(7)

let a1 = ,90,=80,console.log(a1.replace(/^\,+|\,+$/g, ))显示结果：90,=80

js数组name相同的元素value值相加

2021年06月02日浏览(11)

let newArr=[{name:28,value:4},{name:55,value:7},{name:55,value:1}]let ageNumList=[]newArr.forEach(el={const result = ageNumList.findIndex(ol={return el.name === ol.name})if(result!== -1){ageNumList[result].value = newArr[result].value + el.value}else{ageNumList.push(el)} })console.log(ageNumList,ageNumList)

js实现多行一起滚动

2021年04月25日浏览(2)

style#test{ width:100%; height: calc(25vh); line-height: 22px; overflow: hidden;}/stylediv id=test aaaaaaaaaaaaaaaaaaa1br aaaaaaaaaaaaaaaaaaa2br aaaaaaaaaaaaaaaaaaa3br aaaaaaaaaaaaaaaaaaa4br aaaaaaaaaaaaaaaaaaa5br aaaaaaaaaaaaaaaaaaa6br aaaaaaaaaaaaaaaaaaa7br aaaaaaaaaaaaaaaaaaa8br aaaaaaaaaaaaaaaaaaa9br bbbbbbbbbbbbbbbbbbb1br bbbbbbbbbbbbbbbbbbb2br bbbbbbbbbbbbbbbbbbb3br bbbbbbbbbbbbbbbbbbb4br bbbbbbbbbbbbbbbbbbb5br bbbbbbbbbbbbbbbbbbb6br/divscript var oMarquee = document.getElementById(test);

JS开发需要了解的一些小技巧

2021年04月21日浏览(0)

1.数组交集普通数组 const arr1 = [1, 2, 3, 4, 5 , 8 ,9],arr2 = [5, 6, 7, 8, 9];const intersection = arr1.filter(function (val) { return arr2.indexOf(val) -1 })console.log(intersection) //[5, 8, 9] 数组对象数组对象目前仅针对value值为简单的Number，String，Boolan数据类型文中JSON.stringif比较对象是简写方法，完整的对象比较请看技巧24.对象是否相等 const arr1 = [{ name: name1, id: 1 }, { name: name2, id: 2 }, { name: name3, id: 3 }, { name:

es6简单使用includes的用法代替If语句

2021年04月20日浏览(8)

问题 if(value === 问题1 || value === 问题2 || value === 问题3 || value === 问题4) { //太麻烦了 ...} 解决方法 const options = [问题1, 问题2, 问题3, 问题4];if (options.includes(value)) { //简单解决 ...}

js获取当前li标签的父级、子级、兄弟级

2021年04月20日浏览(4)

const child = li.childNodes; //得到li的全部子节点const parent = li.parentNode; //得到li的父节点const next = li.nextSbiling; //获得li的下一个兄弟节点const previous = li.previousSbiling; //得到li的上一个兄弟节点const first = li.firstChild; //获得li的第一个子节点const last = li.lastChile; //获得li的最后一个子节点如：找到当前父级标签同级下的p标签//dom.parentNode.parentNode.getElementsByTagName(p)

es6之扩展运算符三个点(... )

2021年04月13日浏览(2)

扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll(div)] // [div, div, div] 该运算符主要用于函数调用 function push(array, ...items) { array.push(...items);}function add(x, y) { return x + y;}var numbers = [4, 38];add(...numbers) // 42 上面代码中，array.push(...items)和add(...nu

ES6 filter数组过滤八大方法总结

2021年04月12日浏览(5)

1.创建一个数组，判断数组中是否存在某个值 var newarr = [ { num: 1, val: ceshi, flag: aa }, { num: 2, val: ceshi2, flag: aa2 }]console.log(newarr.filter(item = item.num===2 )) 2.也可以通过上面方法过滤掉num为2的留下num为1的 var newarr = [ { num: 1, val: ceshi, flag: aa }, { num: 2, val: ceshi2, flag: aa2 }]console.log(newarr.filter(item = item.num!=2 )) 3.去掉空数组空字符串、undefined、null var arr = [1,2,undefined, 3.jpg,undefined]var newArr = arr.fi

js取到接口参数名

2021年03月31日浏览(4)

Object.keys(obj)//注：obj根据接口层次写示例：console.log(参数名, Object.keys(res.content.list[0]));

uniapp如何动态显示头部title，navigationBarTitleText动

2021年03月18日浏览(0)

//可以从上个页面直接传参过来 uni.setNavigationBarTitle({title: this.$route.query.title});

2两个时间计算时间差(到天,时,分,秒)

2021年03月08日浏览(4)

//计算方法function getDuration(my_time) { var days = my_time / 1000 / 60 / 60 / 24; var daysRound = Math.floor(days); var hours = my_time / 1000 / 60 / 60 - (24 * daysRound); var hoursRound = Math.floor(hours); var minutes = my_time / 1000 / 60 - (24 * 60 * daysRound) - (60 * hoursRound); var minutesRound = Math.floor(minutes); var seconds = my_time / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound); var time = daysRound + 天 + hoursRound + 时 + minutesRound

js原生三级省市县联动

2021年02月23日浏览(6)

//html代码select id=provice option请选择省/option/selectselect id=city option请选择市/option/selectselect id=county option请选择区/县/option/selectjs代码var myId = function(id) { return document.getElementById(id);}//省份var arr_provice = [安徽省, 福建省, 贵州省];//市区var arr_city = [ [阜阳市], [厦门市, 晋江市], [黔西南布依族苗族自治州, 贵阳市]]//区县var arr_county = [ [ [太和县, 颍州区] ], [ [海沧区], [安海县] ], [ [晴隆县],

js/jquery获取select标签选中的文本和值

2021年02月23日浏览(2)

js原生方法： var obj = document.getElementById(select);var index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值 jQuery方法： $(#select option:selected).text();//选中的文本$(#select option:selected) .val();//选中的值$(#select ).get(0).selectedIndex;//索引

12

常用标签

猜你喜欢