翻转数组:

判断数组:

//判断数组
       function detection(arr){
            if(arr instanceof Array){
                var newArr = [];
                for(var i = arr.length - 1;i >= 0; i-- ){
                    newArr[newArr.length] = arr[i];
            
                }
                return newArr;
            }else{
                return '你输入的这个并不是数组哦!'
            }
        }
        console.log(detection([2,3,4,5,6,7,8,9,10,11,12,13]));//运行结果:[13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2]
        console.log(detection(1)); //运行结果:你输入的这个并不是数组哦!

筛选数组:

//筛选数组
var a = [1500,1200,2200,2000,1800];
        var b = [];
        for(var i = 0; i < a.length; i++){
            if(a[i] < 2000){
                b.push(a[i])
            }
        }
        console.log(b);   //运行结果:1500,1200,1800;

冒泡排序

//冒泡排序
 
    var arr = [5, 8, 1, 9, 7, 6, 2, 4, 3]
    var a

    for (var i = 0; i < arr.length; i++) {
        for (var j = 0; j < arr.length; j++) {

            if (arr[j] > arr[j + 1]) { //如果 arr[j]比arr[j+1]大 小的话不做操作
                a = arr[j]; //那么a 就等于 arr[j]  也就是将arr[j]放进a里
                arr[j] = arr[j + 1]; // 将 arr[j+1]的数值 替换到 arr[j]
                arr[j + 1] = a; // 然后再将 a里的值放进 arr[j+1里]
            }
        }
    }
    console.log(arr);//输出结果:1,2,3,4,5,6,7,8,9

数据去重

//数据去重
            function unique(arr){
                var b = [];
                for(var i = 0; i < arr.length; i++){
                    if(b.indexOf(arr[i]) === -1){
                        b.push(arr[i]);
                    }
                }
                return b;
            }
            var demo = unique([1,1,1,2,3,1,1,4,5,4,6,4,6]);
            console.log(demo); //运行结果: [1, 2, 3, 4, 5, 6]

查找某个字符出现的次数

var str = ["red","blue","red","red","green","red",];
    var index = str.indexOf('red');//查询red的位置
    var num = 0;//计数共出现多少次
    while (index !== -1){
        console.log(index);
        num++;
        index = str.indexOf('red',index + 1);
    }
    console.log('red出现的次数为:' + num);

点击按钮切换密码显示状态
附视频:

鼠标焦点

var phone = document.querySelector('#phone');
        phone.onfocus = function(){   //获得焦点时 文本框不显示文字
                phone.placeholder = "";
        }
        phone.onblur = function(){    //失去焦点时,文本框显示文字
    
            phone.placeholder = "请输入手机号";
        }

密码输入提示框

//密码限定长度    //看看就好 
        var psw = document.querySelector('#password');
        var hinttext = document.querySelector('#hinttext');
        var hint = document.querySelector('#hint');
        psw.onblur = function(){
            if(this.value.length < 6 || this.value.length > 16){
                hinttext.innerHTML = '  密码请输入6-16位';
                hint.className = 'warn hint ';
            }else{
                hinttext.innerHTML = '  请输入的正确';
                hint.className = 'hint green';
            }
        }

排他思想

window.οnlοad=function(){
        var buts=document.getElementsByTagName("button");
        for (var i=0;i<buts.length;i++) {
            buts[i].οnclick=function(){
                for(var i=0;i<buts.length;i++)
                {
            
                    //排除所有
                    buts[i].className="";
                }
                this.className="bianse";  //给自己加样式
            }
        }
    }

简易留言板

//获取提交按钮
    var but = document.querySelector('.but').querySelector('input');
    //获取文本域
    var text = document.querySelector('.text').querySelector('input');
    //获取留言放置ul
    var ul = document.querySelector('.lis').querySelector('ul');

    but.onclick = function() {
        if (text.value == '') {
            alert('请输入内容');
        } else {

            //创建元素
            var li = document.createElement('li');
            //先有li才能对其赋值
            li.innerHTML = text.value + "<a href='javascript:;'>删除</a>";
            //添加元素
            //ul.appendChild(li);//在后方插入
            ul.insertBefore(li, ul.children[0]); //始终在第一个显示
            //每留言一次清空文本框一次
            text.value = '';
            //获取所以删除链接
            var as = document. /* .querySelector('.lis').querySelectorAll('li'). */ querySelectorAll('a');
            for (var i = 0; i < as.length; i++) {
                as[i].onclick = function() {
                    //删除节点  this.parentNode 当前a所在的父节点 就是li
                    ul.removeChild(this.parentNode);
                }
            }
        }

    }
Last modification:September 15th, 2020 at 07:09 pm