javascript基础语法之大乱炖

最新推荐文章于 2024-07-24 11:09:48 发布

xiaomomi

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量111

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/xiaomomi/article/details/114066948

版权

语言专栏收录该内容

19 篇文章 0 订阅

订阅专栏

大乱炖

获取当前时间戳

Date.parse(new Date())

(new Date()).valueOf()

new Date().getTime()

js 去掉空格/回车换行

元素.val().replace(/\ +/g,"");//去掉空格

.replace(/\ +/g,"") //去掉空格方法

元素.text().replace(/[ ]/g,""); //去掉空格

.replace(/[ ]/g,"")//去掉空格

元素.val().replace(/[\r\n]/g,"");//去掉回车换行

.replace(/[\r\n]/g,"")//去掉回车换行删除指定元素

const index = targetHeader.findIndex(text => text.name ==
“标”); targetHeader.splice(index, 1);

去重

[...new Set(arr)]

 let arr = [
            {
                key:'1',
                name:'林青霞'
            },
            {
                key:'2',
                name:'张三丰'
            },
            {
                key:'1',
                name:'段誉'
            },
        ]
        let res = arr.filter(function(item,index,self){
            return self.findIndex(el=>el.key==item.key)===index
        })
        console.log(res,'===')

jquery 兄弟元素

1.next();//获取当前元素的下一个兄弟元素
2.nextAll();//获取当前元素后面所有的兄弟元素
3.prev();//获取当前元素的前一个兄弟元素
4.prevAll();//获取当前元素前面的所有兄弟元素
5.siblings();//获取当前元素的所有兄弟元素
6.children();//获取一个元素的直接子元素，类似于 $(‘ul > li’)
7.find();//获取一个元素的某种所有子元素，类似于 $(‘ul li’)
8.parent();//获取当前元素的父元素

滚动条

/*定义滚动条样式（高宽及背景）*/
::-webkit-scrollbar {
  width: 6px;   /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
  height: 6px;
  background: transparent;
}
/*定义滚动条轨道（凹槽）样式*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    /* 较少使用 */
  border-radius: 3px;
}
/*定义滑块 样式*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  height: 50px;    /* 滚动条滑块长度 */
  background-color: rgba(0,0,0,0.5);
}

数组截取: 一维数组

let res=[
	{id:"w",doFrozen:3},
	{id:"e",doFrozen:2},
	{id:"f",doFrozen:1},
]
res=Array.from(res,x=>x.id)["w", "e", "f"]

数组分割

var newArr = [];
    for (var i = 0; i < data.length; i += 4) {
        newArr.push(data.slice(i, i + 4));
    }

数组添加属性，相同属性成组

let res =  [
				{level: "1/环境秩序管理/乱停车管理/停车区域管理", kpiname: "1",status: "1"},
				{level: "1/环境秩序管理/乱停车管理/停车区域管理", kpiname: "2",status: "1"},
				{level: "2/乱停车管理/乱停车管理/停车区域管理", kpiname: "3",status: "1"},
				{level: "2/乱停车管理/乱停车管理/停车区域管理", kpiname: "4",status: "1"},
				{level: "3/停车区域管理/乱停车管理/停车区域管理", kpiname: "5",status: "1"},
				{level: "3/停车区域管理/乱停车管理/停车区域管理", kpiname: "6",status: "1"},
			]
			
			let spitData = []
			
			res.map((item,index)=>{
				res[index]['title']= item.level.split('/')[1]
			})
			
			     let tempArr = [];
			      let afterData = [];
			      for (let k = 0; k < res.length; k++) {
			        if (tempArr.indexOf(res[k].title) === -1) {
			          afterData.push({
			            kpiname: res[k].title,
			            content: [res[k]],
			          });
			          tempArr.push(res[k].title);
			        } else {
			          for (let j = 0; j < afterData.length; j++) {
			            if (afterData[j].kpiname == res[k].title) {
			              afterData[j].content.push(res[k]);
			              break;
			            }
			          }
			        }
			      }
console.log(afterData)

数组中是否存在1字符串

// let data = [0,1,0,1,0] let data = [0,0,0,0,0]
console.log($.inArray(1,data))

对图片进行压缩

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>压缩图片demo</title>
</head>
<body>
 < img id="img" src="">
 <input id="file" type="file" onchange="compress()">
</body>
<script>

// 对图片进行压缩
function compress() { 
    let fileObj = document.getElementById('file').files[0] //上传文件的对象
    let reader = new FileReader()
    reader.readAsDataURL(fileObj)
    reader.onload = function(e) {
        let image = new Image() //新建一个img标签（还没嵌入DOM节点)
        image.src = e.target.result
        image.onload = function() {
            let canvas = document.createElement('canvas'), 
            context = canvas.getContext('2d'),
            imageWidth = image.width / 2,    //压缩后图片的大小
            imageHeight = image.height / 2,
            data = ''

            canvas.width = imageWidth
            canvas.height = imageHeight

            context.drawImage(image, 0, 0, imageWidth, imageHeight)
            data = canvas.toDataURL('image/jpeg')

            //压缩完成 
            document.getElementById('img').src = data
        }
    }
}
</script>
https://blog.csdn.net/yasha97/article/details/83629510
</html>

数组

let rundData = [ { '2020-01-01':'nnnn' } ]
		let year = Object.keys(rundData[rundData.length - 1])[0]
		let round = rundData[rundData.length - 1][year]
		console.log(year)
		console.log(round)
		let da = []
		da[year]=round
		console.log(da)
		//2020-01-01
		//nnnn
		//[2020-01-01: "nnnn"]

js 数组拼接逗号分割字符串

var arr = [{"name":"hhh"},{"name":"dddd"}]
//用js
function getTextByJs() {
    var str = "";
    for (var i = 0; i < arr.length; i++) {
        str += arr[i].name+ ",";
    }
    //去掉最后一个逗号(如果不需要去掉，就不用写)
    if (str.length > 0) {
        str = str.substr(0, str.length - 1);
    }
    return str;
}
//输出结果: hhh,dddd

//用jquery
function getTextByJquery() {
    var str = "";
    arr.each(function () {
        str += $(this).name.val() + ",";
    });
    //去掉最后一个逗号(如果不需要去掉，就不用写)
    if (str.length > 0) {
        str = str.substr(0,str.length - 1);
    }
    return str;
}
//输出结果: hhh,dddd

xiaomomi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础语法之大乱炖

大乱炖获取当前时间戳js 去掉空格/回车换行去重jquery 兄弟元素滚动条数组截取: 一维数组数组分割数组添加属性，相同属性成组对图片进行压缩js 数组拼接逗号分割字符串获取当前时间戳Date.parse(new Date())(new Date()).valueOf()new Date().getTime()js 去掉空格/回车换行元素.val().replace(/\ +/g,"");//去掉空格.replace(/\ +/g,"") //去掉空格方法元素.text().repl
复制链接

扫一扫