Javascript从零开始学习第二天(1)

Javascript从零开始学习第一天 

Javascript从零开始学习第二天(1) 

Javascript从零开始学习第二天(2) 

Javascript从零开始学习第三天(1) 

Javascript从零开始学习第三天(2) 

Javascript从零开始学习第四天(1) 

Javascript从零开始学习第四天(2) 

1、运算符

185759_eBXT_374.png

取模% 例子 用在表格显示各行变色

2、流程控制

if(){}else{}

if(){}else if(){}else if(){}else{}

switch(变量){

case 值1:

    语句1;

    break;

case 值2:

    语句2;

    break;

default:

    默认执行;

}

3、三目运算符

条件?语句1(true):语句2(false)

4、json

var json={a:12,b:25}

alert(json.a);

数组用下标取值 json用字符串作key取值

json中元素结构相同的多个元素组成的数据可以使用for in循环遍历

for(var data:json){

    alert(data.key);

}

二、函数返回值

就是函数的执行结果

function show(){

return 12;

}

var a=show();

这样show函数返回值就保存在a中了

规则:一个函数应该只返回一种数据类型

1、函数的参数分为定参和不定参(arguments)

定参

function fun1(a,b){

    return a+b;

    }

不定参

function fun2(){

    var result=0;

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

            result+=arguments[i];

    }

        alert(result);

}

185816_UdZR_374.png

三、js第二定律

js第二定律:但凡是好东西,一定不兼容

style 是行间样式 js可以通过style得到行间样式

如果定义不再行间样式中

使用currentStyle

oDiv.currentStyle.width这个支持IE 其他不行

1、解决办法是:

使用计算后的样式

getComputedStyle(odvi,"").width

可惜是这个不支持IE

2、解决方案就是判断浏览器后使用不同的方法

if(oDiv.currentStyle){

    IE操作

}else{

    其他浏览器操作

    getComputStyle(oDiv,"").width

}

3、封装成函数

function getStyle(obj,name){

    if( obj.currentStyle){

    return obj.currentStyle[name];

}else{

   return  getComputStyle(obj,"")[name];

}

}

四、数组基础知识

185836_fnnR_374.png

1、数组的定义

var  arr=[1,2,3];

var arr=new Array(1,2,3);

2、数组的添加

arr.push(4);从后端追加

arr.unshift();从前端添加

会在数组arr中加入4这个元素,添加到尾部。

3、数组的删除

arr.pop();从后端弹出 删除

arr.shift();从前端弹出 删除

185851_b2da_374.png

4、数组从中间添加和删除、替换

185900_2wG4_374.png

1、splice

var arr=[1,2,3,4,5,6];

arr.splice(2,2);删除操作

arr.splice(2,0,8,9,10);先删除后插入

arr.splice(2,2,9,10);替换掉从第二个元素开始往后的两个元素

2、concat 数组合并

var  a=[1,2,3];

var b=[4,5,6];

3、join 将数组元素连接为字符串

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

var str=a.join("-");

185910_gxfw_374.png

4、数组排序sort

var arr=[2,1,5,6,4,3,9,8];

arr.sort();

默认会按照字符串排序的。

arr.sort(function(n1,n2){

if(n1<n2){

    return -1;

}else if(n1>n2){

    return 1;

}else{

    return 0;

}

});

偷懒的办法:

185933_uv04_374.png


转载于:https://my.oschina.net/imhoodoo/blog/361357

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值