JavaScript基础知识(一)

xiaoxiao2021-02-28  90

1.javascript的三种输出方式

     var a=”你好!”;

     alert(a);        //弹出对话框

     document.write(a);     //写到文档上

     console.log(a);     //输出到控制台

2.字符串

  1).字符串的长度及查找

        var a= "我们都是好孩子。"

        document.write("字符串a的长度是:" + a.length + "<br/>");    //获取字符串的长度

        document.write("第一个字符是:" + a.charAt(0) + "<br/>");   //获取在某一位上的字符

        document.write("最后一个字符是:" + a.charAt(a.length-1) + "<br/>");   //获取在最后一位上的字符  

        document.write("第一个字符编码是" +a.charCodeAt(0) + "<br/>");    //获取在某一位上的字符编码

        document.write("第一个字符是:" + String.fromCharCode(39876) + "<br/>");    //将编码转化为文字

        document.write("从左往右查找句号的位置在" + a.indexOf("") + "<br/>");   //查找某一字符的位置从左往右

        document.write("从右往左查找句号的位置在" + a.lastIndexOf("") + "<br/>");  //查找某一字符的位置从右往左

        document.write("查找是的位置在" + a.indexOf("", 7) + "<br/>");    //从第几位开始查找某一字符的位置

   2).字符串之间的比较

        document.write("苹果" > "香蕉");      //false

        document.write("<br/>" + "".charCodeAt());     //33529

        document.write("<br/> "+"".charCodeAt() );     //39321

   3).字符串的截取

       A.substring

          var a= "我们都是好孩子。";

          document.write(a.substring(3) + "<br/>");     //一个参数就是从第几位开始截取

          document.write(text3.substring(0, 5) + "<br/>");    //二个参数就是从第几位开始截取到第几位

          document.write(text3.substring(-3, 5) + "<br/>");      //不接受负数,会转化成0

          document.write(text3.substring(2, -10) + "<br/>");    //大数自动放在前面,小数字自动放在后面,负数转化成0

      B.slice

         var a= "我们都是好孩子。";

         document.write(a.slice(3) + "<br/>");    //一个参数就是从第几位开始截取

         document.write(text3.slice(2, 6) + "<br/>");   //二个参数就是从第几位开始截取到第几位

         document.write(text3.slice(4, 0) + "<br/>");     //不交换位置,会出错!!

         document.write(text3.slice(-2) + "<br/>")     //如果是负数,就从后往前找2

   4).字符串之间的比较

         var a= "www.SOSO.com"

         document.write(a.toUpperCase() + "<br/>");    //转化大写

         document.write(a.toLowerCase() + "<br/>");    //转化大写

   5).字符串分割成数组

        var a= "www.baidu.com";

        document.write(a.split(".") + "<br/>");    //.分割字符串为数组

        var a= "2017-6-7-18-50";

        document.write(a.split("-", 3) + "<br/>");    //第二个参数代表保留数组中几项

   6).字符串替换

        var a= "abcdefb";

        document.write(a.replace("abc", "ABC") + "<br/>");

3.数组

   1).创建数组

       A.以对象方式来创建

          var arr = new Array();    //构造函数法(不常用)

          arr[0]=”我有一个苹果”;

          arr[1]=”我有一个桃子”;

          arr[100]=”我有一个梨”;

          alert(arr.length);   //101

          alert(arr[5]);      //undefined

    B.以字面量方式来创建

          var arr = [苹果,香蕉,梨,桃子,[12,23,34,55];             //字面量法

          document.write(arr.[0] + "<br/>");     //苹果

          document.write(arr.[4] [2]+ "<br/>");    //34

  2).拼接数组

     A.concat()拼接数组,把两个数组拼接在一起,返回一个新数组。

         var a= [1, 2, 3];

         var b= [7,8, 9];

         var c=a.concat(b);

         alert(c);      //1,2,3,7,8,9

    B.join():把数组的每一项以特定的方式拼接,返回拼接好的字符串.

         var a= [1, 2, 3];

         var b=a.join(“#”);

         alert(b);    

  3).翻转数组

         var a= [1,2,3,4,5];

         document.write(a.reverse()+"<br/>");    //5,4,3,2,1

  4).删除数组

         var a= [1,2,3,4,5];

         document.write(a.pop(1)+"<br/>");     //删除最后一个元素

         document.write(a.shift(0)+"<br/>");     //删除第一个元素

  5).添加数组

         var a= [1,2,3,4,5];

         document.write(a.push(1,10)+"<br/>");     //在数组后面添加一个或多个元素

         document.write(a.unshift(20)+"<br/>");     //在数组前面添加一个或多个元素

  6).求数组中的最大值和最小值

         var a= [1,3,5,7,5,10,-1];

         function max(a){

           var maxNum = a[0];     //假设第一项是最大的数

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

              if(maxNum < a[i]){

                 maxNum = a[i];      //交换数

              };

           };

           return maxNum;

       };

      document.write(max(a));

4.排序

  1).冒泡排序

     A.返回一个负值

        function add(a,b){

            return a-b;

        }

        var arr1=[1000,23,456,78,9];

        document.write(arr1.sort(add)+"<br />");

     B.返回一个正值

        function jian(a,b){

            return b-a;

        }

        var arr1=[1000,23,456,78,9];

        document.write(arr1.sort(jian)+"<br />");

6.for循环

     for(i=0;i<100;i++){

        document.write(i+"<br />");

     }

7.

   1).

      alert("你确定删除吗?");     //警示框

      confirm("你确定删除吗?");       //确认框

      prompt("请输入你的年龄");        //输入框

   2).

     var age=prompt("请输入你的年龄");

         if(age>=90){

          console.log("老人家");

         }

         else if(age<90 && age>=20){

           console.log("年轻人");

         }

         else if(age<20 && age>=0){

            console.log("小孩");

         }

         else{

            console.log("不合法");

         }

   3).

        var age1=prompt("小王请输入你的年龄");

        var age2=prompt("小李请输入你的年龄");

        var age3=prompt("小路请输入你的年龄");

        var str=[];

        str.push(age1);

        str.push(age2);

        str.push(age3);

        alert(str);

        function max(ar){

           var maxage=ar[0];

           for(i=0;i<ar.length;i++){

                 if(maxage<ar[i]){

                     maxage=ar[i];

                 }

           }

           return maxage;

         }

        alert("最大年龄是:"+max(str));

//            var age1=prompt("小王请输入你的年龄");

//            if(isNaN(age1)){

//               alert("数据错误");

//            }

//            else{

//            alert("是数据");

//            }

 

转载请注明原文地址: https://www.6miu.com/read-59965.html

最新回复(0)