js基础知识总结

最新推荐文章于 2021-11-23 20:18:07 发布
最新推荐文章于 2021-11-23 20:18:07 发布
阅读量252 收藏
点赞数
原文链接：http://www.cnblogs.com/colorful-paopao1/p/8158459.html
版权

1、弱类型：var

     强类型：int string

2、命名习惯

类型

前缀

例子

数组

a

aArray

布尔值

b

bMale

浮点

f

fTax

函数

fn

fnSwap

整型

i

iAge

对象

o

oCar

正则

re

rePattern

字符串

s

sUniversity

 

 

 

 

 

 

 

 

 

 

 

 

 

3、6.02e23=6.02*10²³;     6.02e-32=6.02*10-32 ; .333=0.333

4、字符串使用

var sStr="hello world"

console.log(sStr.length);        //11   字符长度
console.log(sStr.charAt(4));     //o    获取索引为3 位置为4的字符  
console.log(sStr.substring(1));  //ello world截取1到最后的位置 
console.log(sStr.substring(1,4));//ell  截取从1的位置截取到4,但不包括4。
console.log(sStr.slice(1,4));    //ell  从1到4但不包括4，支持负数  sStr.slice(-3,-1);//rl
console.log(sStr.substr(1,4))    //ello 从索引为1的位置截取4个长度
console.log(sStr.indexOf("r"))   //8    r第一次出现的位置
console.log(sStr.indexOf('l'),4);//9    l从索引4开始数，第一次出现的位置
console.log(sStr.lastIndexOf("o"));//7  最后一次出现的索引
console.log(sStr.split(' '));      //["hello", "world"] 以空格为分隔符
console.log(sStr.toUpperCase());   //HELLO WORLD
console.log(sStr.toLowerCase());   //hello world
console.log(sStr.replace("e","*"));//h*llo world
console.log(sStr[0]);              //h 字符串可以当做只读数组
console.log(sStr[sStr.length-1]);  //d

    var arr = Array(2);
    arr[0]="john";
    arr[1]="tom";
    console.log(arr.join('-'));//john-tom

     

    console.log(Number(true)); //1

     console.log(Boolean(null));//false

    

5、表达式和运算符

in	var o={x:1,y:2};
	delete o.x;
	console.log('y' in o);//ture
	console.log('x' in o);//fasle

instanceof     var d = new Date();
                 if(d instanceof Date){
                        console.log('1');
                  }else{
                        console.log('2');
                    }

6、语句

   for； break； continue； return
           var iSum = 0;
            for (var i = 1; i < 101; i++) {
                if( i==10){
                    //  break;//跳出整个for循环体
                    // continue;//只有当i==5时不执行，其他继续
                   // return;//跳出整个方法体或者返回一个值
                    alert(addNum(5));
                }
              
                iSum += i;
            }
            alert(iSum);
        }
        function addNum(i) {
            var j = i + 5;
                return j;

   if...else； prompt； isNaN； Number；parseInt

猜数字游戏

var iNum= Math.floor(Math.random()*100+1);
for(var i=0;i<3;i++){
if(i==6){
alert('游戏结束中奖号码是'+iNum);
return;
}else{
   var sInput = prompt("请输入1~100之间的整数");
   var nInput = Number(sInput);
   if (isNaN(nInput)) {
      alert("请输入数字");
    } else {
       if(nInput == parseInt(nInput)){
       if(nInput <1|| nInput>100){
            alert("你输入的不在范围内");
       }else{//输入在1~100之间
           if(iInput>iNum){
               alert('你输入的数字太大');
           }else if(iInput<iNum){
              alert("你输入的太小");
            }else{
              alert("恭喜你中奖了");
              return;
 }
 }
         }else{
   　　　　你输入的不是整数
         }           
            }
         }
      }
        switch(nInput){
                    case 1: alert('1'); break;
                    case 2: alert("2"); break;
                    case 3: alert("3"); break;
                    case 4: alert("4"); break;
                    case 5: alert("5"); break;
                    case 6: alert("6"); break;
                    case 7: alert("7"); break;
                }

　while

            var i = 0;
            var iSum = 0;
            while(i<10){
                iSum += i;
                // i++;  //执行后再加
                ++i;    //执行前先自加
                alert(i);
            }
            alert(iSum);

　　for  in

    var o = { x: 1, y: 2 }
            for(i in o){
                console.log(o[i]);
            }                                    // 1,2

　　异常处理 try catch finally

 function click(){
   try{//抛出异常
        var n=Number(prompt("请输入一个正整数"));
        var f=factorial(n);
        alert(n+"!="+f);
      }
      atch(ex){//处理异常
        alert(ex);
         }
      finally{
         alert("不管是否有异常，都显示");
         }
   }
 function factorial(x) {
            if (x < 0) {
                throw new Error("x不能为负数");
            }
            if (isNaN(x)) {
                throw new Error("你输入的不是一个数字");
            }
            for (var f = 1; x > 1; x--) {
                f *= x;
            }
            return f;
        }

　7、JS堆栈和拷贝

http://www.cnblogs.com/chengguanhui/p/4737413.html

　栈          传值                                                                           堆 传址

特点：                                                                                        特点：

1、自动分配内存                                                                         1、动态分配内存

2、自动释放内存                                                                         2、大小不定不自动释放内存

3、存放基本类型（number string null Bleanoon array）                      3、存放引用类型（对象、数组、函数）

4、可以直接调用                                                                          4、通过址来访问

            var a = [1, 2,3, 4, 5];
            var b = a;
            var c = a[1];
            alert(b);//1,2,3,4,5
            alert(c);//2

            b[4] = 6;
            c = 7;
            alert(a[4]); //6
            alert(a[0]);  //1

　8、　乘法表

           var s = '<table>';
            for (var i = 1; i <= 9; i++) {
                s += "<tr>";
                for (var j = 1; j <= i; j++) {
                    s += "<td>"+i +'*'+j+"="+i*j+"</td>";
                }
                s +="</tr>"
            }
            s += "</table>";
            document.write(s);
1*1=1
2*1=22*2=4
3*1=33*2=63*3=9
4*1=44*2=84*3=124*4=16
5*1=55*2=105*3=155*4=205*5=25
6*1=66*2=126*3=186*4=246*5=306*6=36
7*1=77*2=147*3=217*4=287*5=357*6=427*7=49
8*1=88*2=168*3=248*4=328*5=408*6=488*7=568*8=64
9*1=99*2=189*3=279*4=369*5=459*6=549*7=639*8=729*9=81

　冒泡排序

var item =0;
	var iNum =[2,1,4,6,32,23,44,22,55];
	for(var i=0;i<iNum.length-2;i++){
		for(var j=i+1;j<iNum.length-1;j++){
			if(iNum[i]>iNum[j]){
				item =iNum[i];
				iNum[i]=iNum[j];
				iNum[j]=item;
				}
			}
		}
  console.log(iNum);//[1, 2, 4, 6, 22, 23, 32, 44, 55]

9、数组

        var aArry = [2,3,5,7,4];
	console.log(aArry.join('-'));//2-3-5-7-4
	console.log(aArry.toString());//2,3,5,7,4
	aArry.push(55,22);
	console.log(aArry);//[2, 3, 5, 7, 4, 55, 22]
	aArry.pop();//删除数组最后一个值，返回其他的
	console.log(aArry);//[2, 3, 5, 7, 4, 55]
	var iSum=0;
	for(var i=0;i<aArry.length;i++){
		iSum += aArry[i];
		}
	console.log(iSum);//76
	var aArry=[2,4,6,9];
	var aa = aArry.filter(function(x,y){
		return x<4;
		});
	console.log(aa);//[2]
	var bb= aArry.map(Math.sqrt);	
	console.log(bb);// [1.4142135623730951, 2, 2.449489742783178, 3]

　　Date类型

var d1=new Date();
console.log(d1.toLocaleDateString()+d1.toLocaleTimeString());//2018/1/15下午4:33:26
var myDate = new Date();
myDate.setMonth(4);
console.log(myDate.toLocaleDateString());//2018/5/15
myDate.setMinutes(22);
console.log(myDate.toLocaleTimeString());//下午5:22:04

　

 location.href="#w3"; //跳转到对应的id;
 location.href="http://www.baidu.com";
 location.href="demo1.html";
/* if(confirm('你确定删除吗？')){
		 alert('ok');
		 }else{
			 alert("no");
			 }*/
//	console.log("控制台输出");
//	alert("弹窗一个窗口");
//	prompt("请输入一个1~100直接的整数")

　　

　

　

　

　

　

 

转载于:https://www.cnblogs.com/colorful-paopao1/p/8158459.html

weixin_34329187
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础知识总结.xmind
02-23
通过思维导图的方式，快速了解掌握JavaScript的基本内容
JavaScript字符串 数组处理
猫老板的豆
11-23 1113
/*字符串处理*/ vara="Helloworld!" console.log(a.indexOf("e"))//1l的index不存在-1lastIndexOf() console.log(a.search("w"))//6l的index
谈谈substring、substr 和 slice、splice方法的区别与用法
zsl15039718107的博客
10-15 1408
谈谈substring、substr 和 slice、splice方法的区别与用法 最近在做leetcode里面的题库，用到了对字符串截取/删除/添加等一些需要对字符串或者数组处理的问题，下面将谈一谈对substring、substr 和 slice、splice的理解。 substring和substr： 这两个方法都是针对字符串的，都是返回一个副本，而不是再原来字符串上直接操作的。两者都能提取...
JS面试题 精髓
qq_36291960的博客
10-08 101
1.JS中let和const有什么用？ 在现代js中，let＆const是创建变量的不同方式。在早期的js中，咱们使用var关键字来创建变量。 let＆const关键字是在ES6版本中引入的，其目的是在js中创建两种不同类型的变量，一种是不可变的，另一种是可变的。 const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周期中永不改变的变量。 let: let用于创建一个可变变量，可变变量是像var这样的普通变量，可以任意次数地更改。 JS 中的主要有哪几类错误 JS有三类的错误: 加载
console.log 用法
笔记
04-25 1419
代码： firebug   比alert好用
字符串方法函数
m0_51981718的博客
11-23 1045
字符串自带方法 cahrAt(),根据传入的位置取得其所在的字符。 var str = 'hello world'; console.log(str.charAt(1)); console.log(str[1]); charCodeAt(),根据传入的位置取得其所在的字符编码（Unicode码）. var str = 'hello world'; console.log(str.charCodeAt(1)); String.fromCharCode(),根据传入的Unicode码转换成相应的字
node.js基础知识汇总
10-14
主要介绍了node.js基础知识，帮助大家更好的理解和学习node.js，感兴趣的朋友可以了解下
javascript知识点总结（1）
07-23
本文包括JavaScript的部分基础知识的总结
JavaScript所涵盖知识点超详细汇总.xmind
04-08
超详细JavaScript知识点梳理总结树，大纲清晰明确，涵盖所有JS基础知识点，范围广且详细，超适合前端小白基础入门，你值得拥有！
JavaScript基础知识点汇总（代码+知识点）
09-22
采用xmind框图导出，特别直观清晰的将javascript的知识点总结了一遍！从基本的变量到函数、对象、事件等等总结的十分全面。
slice(),substr()和substring()参数及返回值的区别
little_little0_0的博客
02-20 3403
这三个方法都是Sring类型的基于字符串产生子字符串的方法，所以这三个方法都不会对原字符串产生什么影响。 slice(start, end); substring(start, end); substr(start, len); 这三个方法的第一个参数都是start，即起始下标。 var s = "hello world"; console.log(s.le...
console.log()用法
热门推荐
lsh15846393847的博客
08-25 3万+
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式。 原因在于：alert()函数会阻断JavaScript程序的执行 lert弹出框需要点击确认比较麻烦，而console.log()仅在控制台中打印相关信息。 alert只能输出字符串，不能输出对象里面的结构，console.log()console.log()可以接受任何字符串、数字和...
《 JavaScript程序设计》—— 第三章 数据
weixin_34198453的博客
04-20 1257
3.1 数据类型 JavaScript实际上有6种数据类型； 布尔值，只有true和false两个值 数值，比如 81 和 4.21 文本，JavaScript里称之为字符串 特殊值undefined 特殊值null 对象 要了解一种数据类型，不仅要看它包含什么值，还要知道能对这种数据类型执行什么操作。比如，对数值可以执行四则运算，取...
html中输出 u263c,《 JavaScript程序设计》—— 第三章 数据
weixin_28835551的博客
06-10 225
3.1 数据类型JavaScript实际上有6种数据类型；布尔值，只有true和false两个值数值，比如 81 和 4.21文本，JavaScript里称之为字符串特殊值undefined特殊值null对象要了解一种数据类型，不仅要看它包含什么值，还要知道能对这种数据类型执行什么操作。比如，对数值可以执行四则运算，取模求幂等，对字符串可以执行去空格、切分、反序和大写首字符操作。本章将介绍Java...
工作中遇到的50个JavaScript的基础知识点，满分找我拿奖品
weixin_43857188的博客
11-02 337
前言 大家好，我是林三心，基础是进阶的前提，今天给大家分享一下，我这一年来工作中遇到的50个「基础知识点」，我这一年来就有记录知识点的习惯哈哈。满分的可以找我拿礼品哦！ 50个基础知识点 1、JavaScript有几种数据类型？ number：数字类型 string：字符串类型 boolean：布尔值类型 undefined：未定义类型 null：空值类型 object：对象类型 symbol：symbol类型 bigint：大数字类型 2、JavaScript最大安全数字与最小安全数字？ consol
JavaScript字符串操作
一个很酷的人
10-11 2071
1.获取字符串长度   length;    var sStr = "abc";    alert(sStr.length); //弹出 3; ,sStr的字符串长度为3 2.获取指定位置上的字符  vharAt(index);   var sStr = "abc";   alert( charAt(1));//弹出b 3.字符串截取   substring(star
JavaScript---包装器函数详解
qq_44739478的博客
08-26 986
包装器函数 三个： new Number() new String() new Boolean(): 原型对象中的各种方法 Number.prototype.xxx String.prototype.xxx Boolean.prototype.xxx 例子引入 结果： 对于基本数据类型，没有length属性和toString方法，但是能调用 实际的操作： Var str=”hello”; //本身是基本数据类型string Console.log(str.length); //打印时发生
快速掌握js字符串方法
蛙人的博客
01-25 459
js字符串常用方法也是面试中经常遇到到问题。 话不多说，直接code一把梭 indexOf indexOf该方法是字符串里最常用的,一般使用在判断情况下。 查找字符串首次出现的位置,如果找到返回该字符串的下标值,下标从0开始查找,找不到返回-1。 有很多小伙伴们，不知道indexOf第二个参数，默认可填，第二个参数理解就是从第几位开始查找, 如果找不到返回 -1 演示: var str = 'hello 秦司令'; console.log(str.indexOf('秦')) // 6 console.
【 JavaScript 】字符串方法
zwj
05-21 109
常用的字符串方法总结 toLowerCase( ) 把字符串转换为小写 返回新的字符串 const str = "HELLO"; console.log(str); // HELLO console.log(str.toLowerCase()); // hello toUpperCase( ) 把字符串转换为大写 返回新的字符串 const str = "hello"; console.log(str); // hello console.log(str.toUpperCase()); // H
node.js基础知识
最新发布
07-28
Node.js的基础知识包括了如何执行另一个模块中的功能。例如，在一个模块中使用require函数引入另一个模块，然后可以调用该模块中的功能。例如，如果有一个b.js模块和一个first.js模块，可以在first.js模块中使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值