javascript每日一练（二）——javascript（函数，数组）

最新推荐文章于 2024-03-29 19:39:55 发布

WLYQ1314

最新推荐文章于 2024-03-29 19:39:55 发布

阅读量123

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lostyu/p/jsmryl2.html

版权

一、函数

什么是函数

function show(){}//不带参数
function show(){return 123;}//不带参数,有返回值
function show(arg1, arg2,...){}//可带一个或多个参数
function show(a, b){//带参数，并有返回值
  return a+b;  
}

　　函数实例：获取元素样式

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#div1{ width:100px; height:100px; background:red;}
</style>
<script>
//获取元素样式
function getStyle(obj, attr){
    if(obj.currentStyle){
        return obj.currentStyle[attr];
    }else{
        return getComputedStyle(obj, false)[attr];
    }
}

window.onload = function(){
    var oDiv = document.getElementById('div1');
    
    alert(getStyle(oDiv, 'width'));
    alert(getStyle(oDiv, 'color'));
    
};
</script>
</head>

<body>
<div id="div1" style="color:#fff">color</div>
</body>
</html>

View Code

　　2. 函数的参数（不定参,可变参）

//求和
function add(){
    var result = 0;
    for(var i=0;i<arguments.length;i++){
        result += arguments[i];
    }
    return result;
}

alert(add(1,2,3));

二、数组

数组定义

　　var arr = [1, 2, 3, 4, 5];　　var arr2 = new Array(1, 2, 3, 4, 5);

　　2. 属性：length

　　既可以获取数组长度，也可以设置长度，可以用来清空数组,如：var arr = [1, 2, 3, 4, 5];　　arr.length = 0;

　　数组中应只存一种数据类型

　　3. 数组方法：

添加删除：push()从末尾添加, pop()从末尾移除;　　unshift()从首位添加, shift()从首位移除;

　　4. 排序转换：

var arr = [2, 44, 118, 90, 1, 33, 29];

arr.sort(function(num1, num2){
    return num1-num2;
});

alert(arr);

　　　　数组连接:concat();　　　arr1.concat(arr2);

　　　　数组join：用分隔符把数组转换成字符串　　var arr = [1, 3, 4, 5, 6];　　var str = arr.join('-');　　//1-3-4-5-6;

　　　　字符串split：用分隔符把字符串拆分成数组　　var str = '1-2-3-4-5';　　var arr = str.split('-');　　//[1,2,3,4,5];

　　5. 数组的插入删除（splice）

　　splice(index, count, elem1, elem2, ..., elemN);　　//开始位置，长度，

var arr = [2, 44, 118, 90, 1, 33, 29];

//删除
//arr.splice(2, 2);

//插入
//arr.splice(2, 0, 100)

//替换
//arr.splice(2, 1, 99);

alert(arr);

转载于:https://www.cnblogs.com/lostyu/p/jsmryl2.html

WLYQ1314

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript每日一练（二）——javascript（函数，数组）

一、函数什么是函数function show(){}//不带参数function show(){return 123;}//不带参数,有返回值function show(arg1, arg2,...){}//可带一个或多个参数function show(a, b){//带参数，并有返回值 return a+b; }　　函数实例：获取元素...
复制链接

扫一扫