JavaScript基础2
函数返回值
什么是函数的返回值
1.函数的执行结果
function show(){ return 12;//12就是函数返回值 } var a = show() console.log(a) //12
2.可以没有return返回的是undefined
function show(){ //函数返回值 } var b = show() console.log(b) //undefined
一个函数应该只返回一种类型的值
函数传参
参数的个数可变，参数数组
function sum(a,b){ return a+b;//参数是固定两个 } console.log(sum(12, 6))
可变参（不定参）:arguments
function sum(){ console.log(arguments.length)//4 var i = 0; for(var a = 0; a < arguments.length; a++){ i += arguments[a]; } return i; }
//sum（）里面的参数不确定 console.log(sum(12,6,7,8))//33
function sum(){ console.log(arguments.length)//16 var i = 0; for(var a = 0; a < arguments.length; a++){ i += arguments[a]; } return i; } console.log(sum(12, 6,7,8,55,6,9,4,2,65,8,9,84,9,49,498,))//831
CSS函数
css(oDiv,'width') 获取样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function getStyle(obj, name) {
if (obj.currentStyle) {
return obj.currentStyle[name];
} else {
return getComputedStyle(obj, false)[name];
}
}
window.onload = function () {
var oDiv = document.getElementById('div1');
console.log(getStyle(oDiv, 'width'))//200px
}
</script>
</head>
<body>
<div id="div1" style="width: 200px; height: 200px; background:red;"></div>
</body>
</html>
css(oDiv, 'width', '100px') 设置样式
数组的属性：
length
既可以获取，又可以设置
//length获取 var arr= [1,2,3,4,5,6] console.log(arr.length)//6
//length设置 var arr= [1,2,3,4,5,6] arr.length = 3 console.log(arr)//[ 1, 2, 3 ]
快速清空数组：设置length=0
数组使用原则：数组中应该只存一种类型的变量
数组的方法：
添加：
push（元素），从尾部添加
var arr = [1,2,3] arr.push(4) console.log(arr)//[ 1, 2, 3, 4 ]
unshift（元素），从头部添加
var arr = [1,2,3] arr.unshift(5) console.log(arr)//[ 5, 1, 2, 3]
删除：
pop（）,从尾部删除
var arr = [1,2,3] arr.pop() console.log(arr)//[ 1, 2 ]
shift（），从头部删除
var arr = [1,2,3] arr.shift() console.log(arr)//[ 2, 3 ]
splice
splice(开始，长度，元素......)
先删除，后插入
删除
splice（开始，长度）
var arr = [1,2,3,4,5,6] //splice(开始位置，删除几个) arr.splice(1, 1) console.log(arr)//[ 1, 3, 4, 5, 6 ]
var arr = [1,2,3,4,5,6] //splice(开始位置，删除几个) arr.splice(1, 3) console.log(arr)//[ 1, 5, 6 ]
插入
splice（开始，0，元素...）
var arr = [1,2,3,4,5,6] //splice(开的位置，删除几个,插入的元素) arr.splice(1, 0, 'a','b','c') console.log(arr)//[1, 'a', 'b', 'c', 2, 3, 4, 5, 6]
替换
var arr = [1,2,3,4,5,6] //splice(开的位置，删除几个,替换的元素) arr.splice(1, 3, 'a','b','c') console.log(arr)//[ 1, 'a', 'b', 'c', 5, 6 ]
排序、转换
排序
sort（[比较数组]），排序一个数组
排序一个字符串数组
排序一个数字数组
var arr = [5,6,9,8,4,7] var b = [5,65,85,52,15,12] arr.sort() b.sort(function (n1, n2) { if(n1<n2){ return -1;//只要是个负数就行 }else if(n1>n2){ return 1;//只要是个正数就行 }else{ return 0 } }) console.log(arr)//[ 4, 5, 6, 7, 8, 9 ] console.log(b)//[ 5, 12, 15, 52, 65, 85 ]
var b = [5,65,85,52,15,12] b.sort(function (n1, n2) { //n1<n2---- n1 - n2就为负数 //n1>n2---- n1 - n2就为正数 //n1=n2---- n1 - n2就为o return n1 - n2; }) console.log(b)//[ 5, 12, 15, 52, 65, 85 ]
转换类
concat(数组2)连接两个数组
var a = [1,2,3] var b = [4,5,6] console.log(a.concat(b))//[ 1, 2, 3, 4, 5, 6 ] console.log(b.concat(a))//[ 4, 5, 6, 1, 2, 3 ]
join（分隔符）用分隔符，组合数组元素，生成字符串
var arr = [1,2,3,4,5,6] console.log(arr.join("-"))//1-2-3-4-5-6 console.log(arr.join(">"))//1>2>3>4>5>6
