HTML+JavaScript-03
JavaScript函数
定义函数的格式
JavaScript 函数是通过 function 关键词定义的。
function sum(a, b){
//函数体
return a + b;//返回值为a、b的和
}
函数的调用
调用函数时直接书写函数名即可
function show(){
alert("函数show被调用");
}
show();
函数的相互调用
function fun1(){
fun2();
console.log("函数1");
}
function fun2(){
fun3();
console.log("函数2");
}
function fun3(){
console.log("函数3");
}
fun1();
形参和实参
定义函数时参数为形参
调用函数传入的参数为实参
函数调用流程是实参传值给形参供函数体使用
function sum(a, b){//a和b都是形参
return a + b;
}
//调用函数
sum(1, 99);//1和99是实参
实参的数量以及数据类型要和形参一致，若传入实参过多，则函数不接收多余的部分，若传入实参过少，则会出现undefined
函数的返回值
return 返回值;
return有终止函数的作用
案例-1-使用函数实现判定某个数字是不是素数是返回true不是返回false
// 使用函数实现判定某个数字是不是素数是返回true不是返回false
function primeNumber(number) {
if (number <= 1) {
return false;
}
for (let i = 2; i < number; i++) {
if (number % i == 0) {
return false;
}
}
return true;
}
let B = Number(prompt("输入一个数"));
alert(primeNumber(B));
案例-2-编写函教实现去除任意数组中重复的值
// 编写函教实现去除任意数组中重复的值
function removeValue(params) {
for (let i = 0; i <= params.length - 1; i++) {
for (let j = params.length; j >= i + 1; j--) {
if (params[i] == params[j]) {
params.splice(j, 1);
}
}
}
// alert(params);
return params;
}
const A = [1, 1, 1, 3, 3, 3, 1, 2, 4, 7, 5, 4];
console.log(removeValue(A));
案例-3-写一个函数，输入两个年份，用来计算两个年之间的闰年有多少个。
// 写一个函数，输入两个年份，用来计算两个年之间的闰年有多少个。
function leapNumber(yearA, yearB) {
let max = yearA > yearB ? yearA : yearB;
let min = yearA < yearB ? yearA : yearB;
let num = 0;
for (min; min < max; min++) {
if ((min % 4 == 0 && min % 100 != 0) || min % 400 == 0) {
num++;
}
}
document.write(yearA + "年到" + yearB + "年有闰年" + num + "个");
}
let A = +prompt("请输入第一个年份");
let B = +prompt("请输入第二个年份");
leapNumber(A, B);
案例-4-定义一个方法用来检测数组里面是否有某一个值
// 定义一个方法用来检测数组里面是否有某一个值
// 循环查找数组中的数
function haveNum(array, params) {
// const array = [1, 2, 3, 4, 5, 6, 7, 8, 11, 22, 33, 44, 55, 66, 777];
for (let i = 0; i <= array.length - 1; i++) {
if (params == array[i]) {
alert(array + "数组中有" + params);
break;
}
if (i == array.length - 1 && params != array[array.length]) {
alert("false");
break;
}
}
}
// 输入长度为arrLength的数组
function arr(arrLength) {
const array = [];
for (let j = 0; j <= arrLength - 1; j++) {
array.push(prompt("输入第数组中的" + (j + 1) + "个数"));
}
return array;
};
let length = +prompt("输入数组长度");
const array = arr(length);
alert("数组"+array);
let num = Number(prompt("输入你要查找的数"));
haveNum(array, num);
案例-5-求数组当中的最大值并返回
// 编写一个函数求数组当中的最大值并返回 如果数组为空返回undefined
function arrMax(array) {
let max = 0;
if (array.length == 0) {
alert(undefined);
} else {
for (let i = 0; i <= array.length - 1; i++) {
if (array[i] > max) {
max = array[i];
}
}
// alert("max=" + max);
return max;
}
}
const array = [14, 4, 3, 15, 77, 34, 55, 998, 102, 1111110];
alert(arrMax(array));
案例-6-双色球
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>双色球title>
head>
<body>
<script>
function getReds() {
const reds = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
11, 12, 13, 14, 15, 16, 17, 18, 19, 20,
21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33];
const newReds = [];
for (let i = 0; i < 6; i++) {
let index = parseInt(Math.random() * reds.length);
// newReds.push(reds[index]);
flag = true;
for (let j = newReds.length; j >= 0; j--) {
if (newReds[j] == reds[index]) {
i--;
flag = false;
break;
}
}
if (flag) {
newReds[i] = reds[index];
}
}
return newReds;
}
function getBlue() {
const blues = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
11, 12, 13, 14, 15, 16];
let index = parseInt(Math.random() * blues.length);
return blues[index];
}
function wanning() {
const a = getReds();
const b = getBlue();
a.push(b)
return a;
}
function contrast(wanningNum, myNum) {
let redNum = 0;
let blueNum = 0;
for (let i = 0; i <= wanningNum.length - 1; i++) {
for (let j = 0; j < myNum.length - 1; j++) {
if (wanning[i] == myNum[j]) {
redNum++;
}
}
}
if (wanningNum[wanningNum.length - 1] == myNum[myNum.length - 1]) {
blueNum++;
}
if (redNum == 6 && blueNum == 1) {
return "一等奖";
} else if (redNum == 6 && blueNum == 0) {
return "二等奖";
} else if (redNum == 5 && blueNum == 1) {
return "三等奖";
} else if (redNum == 5 || redNum == 4 && blueNum == 1) {
return "四等奖";
} else if (redNum == 4 || redNum == 3 && blueNum == 1) {
return "五等奖";
} else if (blueNum == 1 || (redNum == 1 && blueNum == 1) || (redNum == 2 && blueNum == 1)) {
return "六等奖";
} else {
return "未中奖";
}
}
// document.write(getReds());
// document.write("
");
// document.write(getBlue());
// document.write("
");
// document.write(wanning());
const A = wanning();
document.write(A);
document.write("
");
const B = wanning();
document.write(B);
document.write("
");
document.write(contrast(A, B));
script>
body>
html>
JavaScript 对象
真实生活中的对象，属性和方法
真实生活中，一辆汽车是一个对象。
对象有它的属性，如重量和颜色等，方法有启动停止等：
所有汽车都有这些属性，但是每款车的属性都不尽相同。
所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。
JavaScript 对象
对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现。
var car = {
name:"丰田",
model:"500",
weight:"850kg",
color:"white"
};
定义JavaScript对象时可以跨越多行，不同属性间用,隔开。
也可以用函数来创建对象性的属性，然后调用函数创建对象。
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
}
var tom = new Person("tom", 11, "男");
console.log(tom);
可以再创建一个Person对象
var jerry = new Person("jerry", 14, "女");
查找jerry的age属性
jerry.age
也可以对Person类的对象新添加属性
tom.hobby = "篮球";
可以看到只对tom添加了该属性，jerry的属性并没有增加。
删除属性
delete tom.hobby;
delete tom.age;
console.log(tom);
this
this在一个方法中指调用的对象（即谁调用这个函数，函数中的this就指向谁）
比较对象
在 JavaScript 中 objects 是一种引用类型。两个独立声明的对象永远也不会相等，即使他们有相同的属性，只有在比较一个对象和这个对象的引用时，才会返回 true.
// 两个变量，两个具有同样的属性、但不相同的对象
var fruit = { name: "apple" };
var fruitbear = { name: "apple" };
fruit == fruitbear; // return false
fruit === fruitbear; // return false
备注： “===” 运算符用来检查数值是否相等：1 === "1"返回 false，而 1 == “1” 返回 true
// 两个变量，同一个对象
var fruit = { name: "apple" };
var fruitbear = fruit; // 将 fruit 的对象引用 (reference) 赋值给 fruitbear
// 也称为将 fruitbear“指向”fruit 对象
// fruit 与 fruitbear 都指向同样的对象
fruit == fruitbear; // return true
fruit === fruitbear; // return true