JS基础-语法+流程控制语句+函数+内置对象【数组】

时间:2022-08-27 19:55:39

JS语法:

Javascript基本数据类型:undefined/null/Boolean/number/string

复杂数据类型:object

typeof用来检测变量的数据类型

typeof的使用方法有两种:

(1)typeof 变量

(2) typeof(变量)

undefined派生自null,所以undefined==null返回的结果是true


用于任何数据类型,Number()可以将非数值转化为数值,但是有一些数据是不能转化为数值的,如果这类数据通过Number()进行强制转化的话,会返回NaN

var a=Number(name_01);

用于把字符串转换为数值

var b=parseInt("28px")
var d=parseFloat("12.34.56px");

不知道值是不是null或者undefined,可以使用String(),可以将任何类型的值转为字符串

var idstr=ids.toString();
console.log(String(m));

在运算中,除了加法,其余的运算都会将字符串先转换为数字之后再进行计算,但是两个数据相加,如果有一方是字符串的话,加号的作用就是将他们进行拼接

如: 数字5和字符串"5"进行加减乘除运算,结果分别是:55    0    25   1


&&逻辑与:

如果第一个操作数隐式转换后为true,则返回第二个操作数;

如果前面的都为true,则返回最后一个操作数。

如果第一个操作数隐式转换后为false,则返回第一个操作数;

如果有一个是null,则返回null;

如果有一个是undefined,则返回undefined;

如果有一个是NaN,则返回NaN


||逻辑或:

如果第一个操作数隐式转换为true,则返回第一个操作数;

如果第一个操作数隐式转换为false,则返回第二个操作数,依次往后;

如果两个数都是null,则返回null;

如果两个数都是undefined,则返回undefined;

如果两个数都是NaN,则返回NaN;


!逻辑非

无论如何都会返回一个布尔值

!!对逻辑非的结果再求反;


JS流程控制语句:

var age=prompt("请设置您的密码");
if(age<18){
alert("您还没有成年");
}else{
alert("您已成年,请提供您的身份证号");
} if(age.length!=6){
alert("请输入6位数字密码");
}else{
if(isNaN(age)){
alert("密码必须是6位数字");
}else{
alert("密码设置正确");
}
}

NaN也是一个number类型的一种,typeof NaN==number

var week=new Date().getDay();
var weekstr="";
console.log(week); // 0-6
// 多条件的判断 switch
switch(week){
case 0:
weekstr="日";
break; // 退出
case 1:
weekstr="一";
break;
case 2:
weekstr="二";
break;
case 3:
weekstr="三";
break;
case 4:
weekstr="四";
break;
case 5:
weekstr="五";
break;
default:
weekstr="六";
}
document.write("今天是星期"+weekstr);

for循环嵌套:

外层为假时内层不执行;

先执行外层,再执行内层;当内层为假时再执行外层。


JS函数:

函数执行完return之后立即停止并退出函数。

如果return后面没有值,默认返回undefined


js非严格模式下,可以使用arguments来改变传入的参数的值

function inner(){
// arguments
console.log(arguments.length);
console.log(arguments[1]); // 索引是从0开始的正整数
}
inner(10,5);
function add(num1,num2){
arguments[0]=99;
console.log(num1);
}
add(55,88)

JS内置对象【数组】:

创建数组的两种方式:

new Array()

字面量方式 []


arr.length 获取数组长度

过设置length可以从数组的末尾移除项或者添加新项


统计员工工资的代码:

(1)   不停的接收用户输入的员工的工资,直到用户输入“退出”便不再弹出“输入工资”的窗口

(2)   把用户输入的数据保存在一个数组中

var input,arr=[];
while(input!='退出'){
input=prompt('请输入员工工资');
arr[arr.length]=input;
}
arr.length-=1;//不存入'退出'
document.write(arr);

数组的栈方法:

// push从数组末尾加入
var colors=new Array("red","green");
var len=colors.push("blue","yellow","blank");
console.log(len);
// unshift从数组头部加入
var nums=[2,7,8,6];
var size=nums.unshift(99,66);
// pop从数组尾部删除,返回值是被删除的元素
var n=nums.pop();
console.log(nums);
// shift从数组头部删除,返回值是被删除的元素
var m=colors.shift();
console.log(m);
// join 把数组元素转为字符串
var nums=[2,4,5];
var str=nums.join(); //2,4,5
var words=["border","left","color"];
// border-left-color
var wordstr=words.join("-");
console.log(wordstr);
// reverse 数组中元素反序
nums.reverse();
console.log(nums);
var strs=["a","b","c","d"];
// 返回dcba这个字符串
var newstr=strs.reverse().join("")
console.log(newstr);
// 29,5,24,17,32
var arr=[9,23,15,-99,88,12,-2];
//sort()对数组元素进行排序,按字符串格式进行排序
var _arr1=[8,95,31,1,5]; console.log(_arr1.sort());//输出1,31,5,8,95,因为会先将元素转换为字符串,用字符串的首字符进行比较,
//如果第一个字符相同,继续比较第二个字符
//针对上面的情况,使用以下方法解决
// 降序 return 参数1<参数2
arr.sort(function(a,b){return a<b});
// 升序 return 参数1>参数2
arr.sort(function(a,b){return a>b});
console.log(arr);
var arr1=["a","b","c"],
arr2=["d","e",1,3],
arr3;
// concat 连接两个或多个数组
arr3=arr1.concat(arr2,["m",99,8]);
console.log(arr3);
// slice(start,end) end下标 截取数组一部分返回
// 包含start,不包含end
// start负数,就是数组长度+该长度
// 如果没有end,就从start一直到结束
var colors=["red","green","blue","yellow","orange"];
var newColors=colors.slice(1,3);
var newColors2=colors.slice(2,4);
var newColors3=colors.slice(-4,3); // 1,3
console.log(newColors3);
// 拷贝数组的方法
var a=[1,"yes",3],
b;
// 1、数组遍历,push
b=new Array();
for(var i=0;i<a.length;i++){
b.push(a[i]);
}
// 2、concat()
b=[].concat(a);
// 3、slice();
b=a.slice(0);
console.log(b);
//splice返回值是被删除的项,如果没有删除则返回[]
var arr=["a","b","c","d","e","f"];
// 删除,从index开始删除count个数,返回被删除的
// splice(index,count)
// count为0 则不删除;count不设置,则从Index开始删除到最后
var delArr=arr.splice(2,3);
// 插入,从index开始,删除count个,插入item1...
// splice(index,count,item1...)
var insertArr=arr.splice(3,0,"m","n",88);
// 替换
var replaceArr=arr.splice(1,2,"x","y","z");
console.log(arr);
console.log(replaceArr);
var nums=[1,7,5,7,8,1,6,9];
//indexOf(seachvalue,startIndex)
//返回查找的项在数组中的位置,没有则返回-1
var pos=nums.indexOf(7,2);
//lastIndexOf()从数组末尾开始查找
var pos=nums.lastIndexOf(1);
var pos=nums.indexOf("7");
console.log(pos);

indexOf()方法有兼容性问题,解决方案:

// 封装一个方法实现indexOf的功能
function ArrayIndexOf(arr,value){
// 检测value在arr中出现的位置
for(var i=0;i<arr.length;i++){
if(arr[i]===value){
return i;
}
}
return -1;
}