常用代码管理(js)

tf112

已于 2023-04-06 17:31:13 修改

阅读量475

点赞数

文章标签： javascript 前端 json

于 2022-02-24 15:51:41 首次发布

本文链接：https://blog.csdn.net/tf112/article/details/123113280

版权

1. js前端

(1) 获取地址栏参数

//采用正则表达式获取地址栏参数
function getParam(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	var url = decodeURI(window.location.search);
	var r = url.substr(1).match(reg);

	if (r != null)
		return unescape(r[2]);
	return null;
}

(2) 判断是否为空

//判断是否为空
function IsNull(data){
    if(data != null && data != "null" && data != "" && data != undefined && data != "undefined"){
        return false;
    }else{
        return true;
    }
}

(3) ajax获取数据

// ajax获取数据
function ajaxUtil(url,data,type){
    var result = {};
    $.ajax({
        url : url,
        data: data,
        dataType : 'json',
        type : type,
        async: false,
        success : function(e) {
            result = e.data;
        }
    });
    return result;
}

// ajax保存数据
function ajaxSaveData(url,data){
    var result = {};
    $.ajax({
        url : url,
        type : "post",
        contentType : 'application/json; charset=UTF-8',
        data : JSON.stringify(data),
        dataType : "json",
        async : false,
        success : function(e) {
            result = e;
        }
    });
    return result;
}

(3) 获取延迟天数

// 获取距离当前时间多少天的时间
function getDelayDate(delayDay){
    if(isNaN(delayDay)){
        return new Date();
    }else{
        var dateTime=new Date();
        dateTime=dateTime.setDate(dateTime.getDate()+delayDay);
        dateTime=new Date(dateTime);
        return dateTime;
    }
}

// 获取距离当前日期的天数
function getSubtractionData(d1,d2){
    var d1Time = new Date(d1);
    var d2Time = new Date(d2);
    var time = d2Time - d1Time;
    return parseInt(time/(1000*60*60*24));
}

(4) 通过js动态设置iframe的src(发现用$(“#id”)的方式设置无效,document方式设置成功)

function tianzhuan(id) {
    var frame = document.getElementById("hy");
    frame.src = "wdhy-ck.aspx?team="+id;
}

(5) js数组转为字符串
数组中 toString() 方法能够把每个元素转换为字符串，然后以逗号连接输出显示。

var a = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var s = a.toString();  //把数组转换为字符串
console.log(s);  //返回字符串“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字符串string，说明是字符串类型

当数组用于字符串环境中时，JavaScript 会自动调用 toString() 方法将数组转换成字符串。在某些情况下，需要明确调用这个方法。

var a = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var b = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var s = a + b;  //数组连接操作
console.log(s);  //返回“1,2,3,4,5,6,7,8,9,01,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字符串string，说明是字符串类型

join() 方法可以把数组转换为字符串，不过它可以指定分隔符。在调用 join() 方法时，可以传递一个参数作为分隔符来连接每个元素。如果省略参数，默认使用逗号作为分隔符，这时与 toString() 方法转换操作效果相同。

var a = [1,2,3,4,5];  //定义数组
var s = a.join("==");  //指定分隔符
console.log(s);  //返回字符串“1==2==3==4==5”

(5) localstorage常用方法

| setItem | 存储数据 |
| getItem | 读取数据 |
| clear | 清空localStorage上存储的数据 |
| removeItem | 删除某个具体变量 |
| key | 读取第i个数据的名字或称为键值(从0开始计数) |
| length | 获取localStorage存储变量的个数 |

(6) js遍历json对象

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <script type="text/javascript">
    var data = { name: '小花', age: '17岁', sex: '男' };
    for (var a in data) {
        console.log('这是属性名' + a); /*属性名*/
        console.log('属性值' + data[a]); /*属性值*/
    };
    </script>
</body>
 
</html>

(7) 判断是否是数字
引用地址: https://m.php.cn/article/471240.html

function isRealNum(val){
   	if(val === "" || val ==null){
    	return false;
    }
    if(!isNaN(val)){
    	return true;
    }else{
    	return false;
    } 
}

（8） js中for循环的写法

// 1 基本for循环
for (var i = 1; i <= 5; i++) {
  console.log(i)
}

// 2 for of 循环
var arr = [1, 2, 3, 4, 5]
for (const v of arr) {
  console.log(v)
}
// 3  for in 循环（从json中读取值）
var obj = { a: 1, b: 2, c: 3 }
for (const k in obj) {
  console.log(obj[k])
}

// 4. forEach方法
var arr = [1, 2, 3, 4, 5]
arr.forEach(e=> console.log(e))

（9）js操作数据

// 1. 增
// push() 向末端插入  改变原数组  return 数组长度
var arr = [1]; arr.push(2); arr.push(3,4);  // arr = [1,2,3,4]
// unshift() 向数组的开头元素 改变原数组 return 数组长度
var arr = [1]; arr.unshift(2); arr.unshift(4,3); // arr = [4,3,2,1]
// concat()  拼接两个数组  不改变原数组 return undefined
var arr = [1]; var arr1 = [2,3]; var arr2 = arr.concat(arr1);// arr2=[1,2,3]

// 2. 删
// pop() 删除返回最后一个元素 改变原数组  return 最后一个元素
var arr = [1,2]; arr.pop(); // 返回2 arr=[1]
// shift() 删除返回第一个元素 改变原数组  return 第一个元素
var arr = [1,2]; arr.shift(); // 返回1 arr=[2]
// splice() 删除或修改 改变原数组
var arr=[1,2,3,4]; arr.splice(1,1); // arr = [1,3,4]
var arr=[1,2,3,4]; arr.splice(1,2); // arr = [1,4]
var arr=[1,2,3,4]; arr.splice(1,1,5); // arr = [1,5,3,4]
var arr=[1,2,3,4]; arr.splice(1,2,5,6); // arr = [1,5,6,4]
var arr=[1,2,3,4]; arr.splice(1,2,5,6,7); // arr = [1, 5, 6, 7, 4]

// 3. 截取
// slice(start,end) 截取 [start-end) 位置的元素组成新数组并返回 不改变元数组
var arr = [1,2,3,4]; var arr1 = arr.slice(1,3);// arr1 = [2,3]

// 4. 转换
// join() 不改变原数组 return undefined
var arr = [1,2,3]; var str = arr.join(","); // str = 1,2,3
// sort() Unicode code 位置排序  改变原数组 返回排序后的数组
var arr = [2,1,4,3]; arr.sort();  // arr = [1,2,3,4]
// reverse() 反转 改变原数组 返回反转后的数组
var arr = [1,2,3,4]; arr.reverse(); // arr = [4,3,2,1]

// 5. 查
// indexOf(e) 按顺序查询e在数组种的位置 返回位置， 无返回-1
var arr = [1,2,3,4]; 
arr.indexOf(2);  // 1
arr.indexOf(5);  // -1
// lastIndexOf(e) 按逆序查询e在数组种的位置 返回位置， 无返回-1
var arr = [1,2,3,4]; 
arr.lastIndexOf(2);  // 1
arr.lastIndexOf(5);  // -1
// filter(functiont(){return expression})  筛选符合条件的元素
var arr = [1,2,3,4];
var arr1 = arr.filter(function(e){
      return e>2;
    }); // ar1 = [3,4]