Js 学习日记（持续更新）

ゝ一世哀愁。 2023-01-16 03:22 168阅读 0赞

## Js的三元运算符跟三元不等式 ##

${ 判断条件 == 0 ? ' true ' : ' false   '  }
    	status ==0 ?"等待付款":(status =="1"?"已支付":"已取消")

## Js如何在动态生成的table删除对应行或者列 ##

获取当前 行 列 的this指向(圈重点)

var tr = i.parentNode.parentNode;
        //i 相当于 行 或者 列 的 this 指向
        var tbody = tr.parentNode;
         tbody.removeChild(tr);

## Js给已有元素添加元素 ##

通过 id 查找 HTML 元素
         document.getElementById("intro");
     通过标签名查找 HTML 元素
         getElementsByTagName("p")
     通过类名找到 HTML 元素
        document.getElementsByClassName("intro");
     ---------
     添加属性：
        obj.setAttribute('键','值');
     获取属性值：
        obj.getAttribute('键');
     删除属性：
        obj.removeAttribute('键');

## Js数组对象添加元素 ##

新数组：array;

原数组：list;

给原数组list的对象加一个名为indexNum的属性，属性值为str

## Js对象转换数组 ##

var data = res.result.listInfo
    		 var resdata = []
    		 for(var i in data){ 
    			 if(data){ 
    				 resdata.push(data[i]) 
    			 }
    		 }

## Jq获取下拉框的值 ##

var liveshow_select = $('#liveshow_select option:selected').val()
    //选中的value值
    var liveshow_select_text = $('#liveshow_select option:selected').text()
    //选中的文本值
     var gift_url  = $('#online_Gift option:selected' ).attr("name")
    //选中的name的值

## Jq更改input placeholder值 ##

$('#input').attr('placeholder','新文本内容')；

## JQ动态设置key ##

var a =  id
      var b =  10086
      var add = { }
      add[a]=b

## js获取地址栏参数 ##

## js判断 ##

**&&运算符**

> 两边条件都为true时，结果才为true  
> 如果有一个为false，结果就为false  
> 当第一个条件为false时，就不再判断后面的条件

**｜｜运算符**

> 当第一个条件为true时，结果为true  
> 当第一个条件为false，结果为false

## Js object.keys 跟 object.values 搭配取参数 ##

let date_room = []
       date_room = Object.keys(roomdata[j].day_detail).map((item, index) =>({ 
                     key: item,
    	             val: Object.values(roomdata[j].day_detail)[index].toString(),
    				 title:roomdata[j].title
                }));

## Js转换时间戳 ##

## JS数组匹配对象 ##

## JS 循环table表格 ##

$('#submit').click(function () { 
            $.ajax({ 
                url: '/',
                type: 'POST',
                success: function (args) { 
                    var str = "";
                    str += "<table border='solid'>";
                    for (var i = 0; i < args.length; i++) { //该数组为嵌套数组[[xx],[xx],[xx]]形式
                        if (i === 0) {     //取第一个数组为表头
                            str += "<tr>";
                            for (var j = 0; j < args[i].length; j++) { 
                                str += " <th>" + args[i][j] + "</th>";
                            }
                            str += "</tr>";
                        }else { 
                            str += "<tr>"; //循环取数组的值生成html代码
                            for (var k = 0; k < args[i].length; k++) { 
                                str += " <td>" + args[i][k] + "</td>";
                            }
                            str += "</tr>";
                        }
                    }
                    str += "</table>";
                    document.getElementById('info').innerHTML=str
                    console.log(str)
                }
            })
        });

## JS渲染动态表格 ##

## JS动态生成密码 ##

//生成随机密码
        password() { 
            const getNumber = () => Math.floor(Math.random() * 10); // 0~9的数字
            const getUpLetter = () => String.fromCharCode(Math.floor(Math.random() * 26) + 65); // A-Z
            const getLowLetter = () => String.fromCharCode(Math.floor(Math.random() * 26) + 97); // a-z
            const confirmItem = [getNumber(), getUpLetter(), getLowLetter()]
            // 随机index
            const getIndex = () => Math.floor(Math.random() * 3);
            // 从0-9，a-z，A-Z中随机获取一项
            const getPassItem = () => confirmItem[getIndex()];
            let arr = []
            arr.push(...confirmItem)
            arrlengthadd()
            function arrlengthadd() { 
                if (arr.length < 8) { 
                    arr.push(getPassItem())
                    arrlengthadd()
                } else { 
                    return
                }
            }
            return arr.toString().replace(/,/g,'')
        }

## JS对象合并 ##

var arr = [{  title: '今天有点饿' }]
    	var add = [{  age: '18' }]
        let res =  arr.map((item,index)=>{ 
    		return { ...item,...add[index]}
    	})
    	console.log(res)

## JS动态改变键值 ##

Object.keys(data).forEach((ele) => { 
                this.list = [...Object.keys(data[ele]).map((key) => ({  key, val: data[ele][key] }))];
                console.log(this.list);
              });

## JS findindex方法 使用 （删除指定值） ##

const data = { 
            modify_action: [],
          },
       let data = {  action: 'updateh5Old', url: 'www.baidu.com' };
       this.data.modify_action.push(data);
      var index = this.data.modify_action.findIndex((ele) => ele.action == 'updateh5Old');
     this.data.modify_action.splice(index, 1);

## 获取地址栏参数 ##

地址栏例如 http://www.hahaha.com/list?Id=9\#/

var url = window.location.href ; //获取当前url
        var dz_url = url.split('#')[0];  //获取#/之前的字符串
        var cs = dz_url.split('?')[1];  //获取?之后的参数字符串
        var cs_arr = cs.split('&'); //参数字符串分割为数组
        var cs={ };
        for(var i=0;i<cs_arr.length;i++){          
        //遍历数组，拿到json对象
          cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
        }
    this.id = cs.id;