码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript基础笔记二

时间:2015-12-08 00:03:55      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

一、函数返回值
1.什么是函数返回值
    函数的执行结果
2. 可以没有return // 没有return或者return后面为空则会返回undefined
3.一个函数应该只返回一种类型的值

二、可变参(不定参)arguments

function sum (a,b)
{
    var result=0;
    var  i=0;
    for(i=0;i<arguments.length;i++)
    {
    result+=arguments(i);
    }
alert(resulet);
}
sum(12,5,7,5,5,6,7,3,7)

案例:取非行间样式

案例所需知识

因为直接使用style只能获取定义在行内的样式,因此取非行间样式需要用到下面的属性—获取计算后的样式(当前样式/最终样式)

currentStyle                //IE下可用,无法取得复合样式

GetComputedStyle()    //FF下可用

样式可分为:

基本样式 如:width

复合样式 如:background   //有color,posiition,repeat,image等属性

简单兼容如下:

oDiv=getElementById("div1");
if(oDiv.currentStyle)
  {
      //IE
      alert(oDiv.currentStyle.width);
  }
  else
  {
      //FF
      alert(getComputedStyle(oDiv,false).width);
}

简单的函数封装:

function  getStyle(obj,attr)
{
    if(obj.currentStyle)
    {
        return obj.currentStyle[attr];
    }
    else
    {
        return getComputedStyle(obj,false)[attr];
    }
}

三、数组基础
1.如何定义
方法一 var arr=[1,2,3,4];

方法二 var new Array(1,2,3,4);

无区别一般用方法一代码短

2.数组的属性
length
既可以获取,又可以设置
例:快速清空数组:arr.length=0;

3.数组使用原则
数组应该只存一种类型的变量

四、数组常用方法
1.添加
push(元素) 尾部添加 arr.push(5)
unshif(元素) 头部添加

2.删除
pop() 从尾部弹出
shift() 从头部弹出

3.排序
sort([比较函数])排序一个数组

(1)排序字符串(默认排序字符串) 

var arr1[‘small‘,‘hello‘,‘you‘,‘big‘];
var arr2[34,100,98,4];
arr1.sort();
arr2.sort();
alert(arr1);
alert(arr2);

结果:big,hello,small,you
        100,34,4,98

(2)排序数字

arr2.sort(function(num1,num2){
 return num1-num2//从小到大,num2-num1
});

结果:4,34,98,100

4.转换类
(1)concat连接数组

var arr1[1,2,3,4];
var arr2[5,6,7,8];

alert(arr1.concat(arr2));

结果:1,2,3,4,5,6,7,8

(2)join(分隔符)
用分隔符,组合数组元素,生成字符串

alert(arr1.join("-"));  

结果:1-2-3-4

(3)split与join相反

var arr3=‘12-5-7-8"
var arr3=str.split(‘-’);
alert(arr3[0]);

结果:12

5.插入、删除

splice(开始的位置,长度,元素)

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

(1)中间删除

arr.splice(2,3)

结果:126

(2)中间插入

arr.splice(5,0,‘a’,‘b‘,‘c‘)

结果:123456abc

(3)中间替换

arr.splice(0,2,‘a’,‘b‘,‘c‘)

结果:ab345

原理:先删除再插入

学习笔记,错误请纠正~

JavaScript基础笔记二

标签:

原文地址:http://www.cnblogs.com/easy-blue/p/5027793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!