js回顾1

1、正则:
/^[0-9a-zZ-Z_]*&/ //匹配0到多个,+是1到多个,?0或多个,.任意值
/^[0-9a-zZ-Z_]{6,}&/ //精确到至少6位
\w查找单词字符
检测:test()
2、1.一次性判断:if(){ } else{ }
2.多次判断:if(){ }
if(){ }
if(){ }
if(){ }
3.成绩等级判断:
var a=99;
var b=Math.floor(a/10);
console.log("b:",b)
switch(b){
case 9:console.log("A"); break;
case 8:console.log("B") ; break;
case 7:console.log("C"); break;
case 6:console.log("D"); break;
default:console.log("不及格"); break;
}
3.循环:(1)do {
}while()
(2)while(){ i++}//i++在循环体内,循环体内的语句会影响i++
(3)for(i=0;i<=100;i++){ }//for中的i++是在循环体外,循环体内的语句不影响i++
continue;//结束本次循环,继续下一次
break;//跳出循环体

4、冒泡排序:n个数,会比较n-1轮,每一轮较上一次少一次比较

//冒泡排序(多重循环)
var arr1=[2,4,1,3,6,9,78,0];
for(var i=0;i<arr1.length-1;i++){
for(var j=0;j<arr1.length-1-i;j++){
if(arr1[j]>arr1[j+1]){
var tmp=arr1[j];
arr1[j]=arr1[j+1];
arr1[j+1]=tmp;
}

}

}
console.log(arr1);
5、数据类型
(1)var obj={a:100};
var fun1=function(obj){
obj.a++;
}
fun1(obj);//a=101 引用类型
(2)a=100;
var fun1=function(a){
a++;
}//原始类型
fun1()//a=100
(3)var obj={a:100};
var fun1=function(obj){
var obj={a:100};
obj.a++;
}
fun1(obj);//a=100
isNaN()判断是否为NaN
6、运算符
1、算数运算符:+ - * / %
2、比较运算符:> < >= <= == === !=
3、0==false;1==true;
2==true;(错误)
3、var b;
if(b){
}//b有值时
if(!b){
}//b没有值时

一般不推荐把null和undefi写出来
4、a++,++a,a+=b,a-=b

6、实例
//冒泡排序
var arr1=[2,4,1,3,6,9,78,0];
for(var i=0;i<arr1.length-1;i++){
for(var j=0;j<arr1.length-1-i;j++){
if(arr1[j]>arr1[j+1]){
var tmp=arr1[j];
arr1[j]=arr1[j+1];
arr1[j+1]=tmp;
}

}

}
console.log(arr1);
arr1.forEach(function(value){
console.log(value,i);
});

// var in方法
for(var k in arr1){
console.log(k,arr1[k]);
}
var obj={
name:"张飞",
sex:"男",
age:16
}
for(var m in obj){
console.log("var in方法",m,obj[m]);
}

//forEach方法
var arr2=[1,2,3,4,50];
var arr3=[];
arr2.forEach(function(value){
value=value*10;
console.log(value);
arr3.push(value);
})
console.log(arr3);

//map()方法 1,做循环 2、在循环的同时可以通过return返回新的数组当中
var arr4=arr2.map(function(value){
if(value>10)
{return value*10;}
else{
return value;
}
})
console.log(arr4);

// filter()方法:做过滤
var arr5=arr2.filter(function(value){
if(value>10)
{return value;}
})
console.log("arr5:",arr5);

时间: 2025-01-05 22:35:44

js回顾1的相关文章

Angular.js回顾+学习笔记(1)【ng-app和ng-model】

Angular.js中index.html简单结构: <!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <body> Your name: <input type="text" ng-model=&

js 回顾知识总结一

1.js数据类型? 基本数据类型:String(字符串).boolean(布尔值).Number(数字).undefined(未定义).null(空) 引用数据类型:Object(对象).Array(数组).Date(时间).RegExp(正则).Function(函数) 基本数据类型vs引用数据类型区别? (1)引用类型值可添加属性和方法,而基本类型值则不可以 //为引用类型值添加属性           var p = new Object();           p.age=11;   

js回顾2

1:事件流:一个事件发生时按一个方向传播 eg:a标签->html 冒泡:从里到外(一般的选择)-----IE只有冒泡 捕获:从外到里-----网景只有捕获(已经不存在了) 2.事件处理的两种种方式: (1)DOM0(传统事件): 优点:兼容所有浏览器 缺点:不能够添加多个方法,后面的方法会覆盖前面的方法 (2)DOM2: 优点:可以添加多个方法 缺点:不能兼容所有浏览器: 现代浏览器: p.addEventListener("click",function(){ }),true

JS基础知识回顾:引用类型(一)

在ECMAScript中引用类型是一种数据结构,用于将数据和功能组织在一起,而对象时引用类型的一个实例. 尽管ECMAScript从技术上讲是一门面向对象的语言,但它不具备传统的面向对象语言所支持的类和接口等基本结构,所以虽然说引用类型与类看起来想死,但他们并不是相同的概念. 不过引用类型有的时候也可以被称为对象定义,因为他们描述的是一类对象所具有的属性和方法. 新对象是使用new操作符后跟一个构造函数来实现的,构造函数本身就是一个函数,只不过该函数时处于创建新对象的目的而定义的. ECMASc

JS基础知识回顾:在HTML中使用JavaScript

想HTML页面中插入JavaScript的主要方法就是使用<script>元素. HTML4.01当中为<script>元素定义了下列6个属性: language(已废弃):原来用于表示编写代码使用的脚本语言,如JavaScript.JavaScript1.2.VBScript等,由于大多数浏览器会忽略此属性,因此就没有必要再用了: type(可选):可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型,也被称作MIME类型,在未指定此属性的情况下会被默认为t

JS基础知识回顾:ECMAScript的语法(一)

任何语言的核心都必然会描述这门语言最基本的工作原理,而描述的内容通常都要涉及这门语言的语法.操作符.数据类型.内置功能等用于构建复杂解决方案的基本概念. ECMAScript中的一切变量.函数名.操作符都区分大小写. ECMAScript的标识符要符合下列规则:第一个字符必须是字母.下划线或美元符号:其他字符可以是字母.下划线.美元符号或数字. 标识符中的字母也可以包含扩展的ASCII或Unicode字母字符,但是并不推荐. 按照惯例,ECMAScript标识符采用驼峰大小写的格式来书写,尽管没

Node.js 2016 回顾以及2017展望(转自 i5ting )

Node.js 2016 回顾 1)Node.js版本变化 https://github.com/nodejs/LTS#lts-schedule 发布Node.js 6.x 并进入LTS(长期支持版本),凡是LTS的都可以在生成环境使用 发布Node.js 7.x 支持Async/await,尽管需要加flag才可以开启 根据node.green统计Node.js 6.x(LTS下面)的es 2015即es6兼容99% Node.js 6.x支持的10大关键特性 DevTools Inspect

js day43 Jquery入门(回顾js,Jquery选择器,dom操作)

1     Javascript回顾 问题:Javascript能做什么? 1. 获取操作dom <style> .aa{ background:red} .bb{ background:blue} </style> <body> <div id="dv" title="提示信息" class="aa">AAAAAAAAA</div> <button onclick="f

JS基础知识回顾:引用类型(四)

每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法. 由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定. 函数的声明有以下三种形式: function sum(num1,num2){return num1+num2;}//利用函数声明语法定义 var sum=function(num1,num2){return num1+num2;}//利用函数表达式定义 var sum=new Function("num1","nu