01-数组的使用
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = new Array ( ) ;
var arr = [ ] ;
var arr1 = [ 1 , 2 , 'pink老师' , true ] ;
console. log ( arr1) ;
console. log ( arr1[ 2 ] ) ;
console. log ( arr1[ 3 ] ) ;
var arr2 = [ '迪丽热巴' , '古丽扎娜' , '佟丽丫丫' ] ;
console. log ( arr2[ 0 ] ) ;
console. log ( arr2[ 1 ] ) ;
console. log ( arr2[ 2 ] ) ;
console. log ( arr2[ 3 ] ) ;
< / script>
< / head>
< body>
< / body>
< / html>
02-遍历数组(1)
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 'red' , 'green' , 'blue' ] ;
for ( var i = 0 ; i < 3 ; i++ ) {
console. log ( arr[ i] ) ;
}
< / script>
< / head>
< body>
< / body>
< / html>
03-数组长度
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ '关羽' , '张飞' , '马超' , '赵云' , '黄忠' , '刘备' , '姜维' , 'pink' ] ;
for ( var i = 0 ; i < 7 ; i++ ) {
console. log ( arr[ i] ) ;
}
console. log ( arr. length) ;
for ( var i = 0 ; i < arr. length; i++ ) {
console. log ( arr[ i] ) ;
}
< / script>
< / head>
< body>
< / body>
< / html>
04-计算数组的和以及平均值
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 2 , 6 , 1 , 7 , 4 ] ;
var sum = 0 ;
var average = 0 ;
for ( var i = 0 ; i < arr. length; i++ ) {
sum += arr[ i] ;
}
average = sum / arr. length;
console. log ( sum, average) ;
< / script>
< / head>
< body>
< / body>
< / html>
05-求数组中的最大值
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 2 , 6 , 1 , 77 , 52 , 25 , 7 , 99 ] ;
var max = arr[ 0 ] ;
for ( var i = 1 ; i < arr. length; i++ ) {
if ( arr[ i] > max) {
max = arr[ i] ;
}
}
console. log ( '该数组里面的最大值是:' + max) ;
< / script>
< / head>
< body>
< / body>
< / html>
06-数组转换为字符串
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 'red' , 'green' , 'blue' , 'pink' ] ;
var str = '' ;
var sep = '*' ;
for ( var i = 0 ; i < arr. length; i++ ) {
str += arr[ i] + sep;
}
console. log ( str) ;
< / script>
< / head>
< body>
< / body>
< / html>
07-新增数组元素
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 'red' , 'green' , 'blue' ] ;
console. log ( arr. length) ;
arr. length = 5 ;
console. log ( arr) ;
console. log ( arr[ 3 ] ) ;
console. log ( arr[ 4 ] ) ;
var arr1 = [ 'red' , 'green' , 'blue' ] ;
arr1[ 3 ] = 'pink' ;
console. log ( arr1) ;
arr1[ 4 ] = 'hotpink' ;
console. log ( arr1) ;
arr1[ 0 ] = 'yellow' ;
console. log ( arr1) ;
arr1 = '有点意思' ;
console. log ( arr1) ;
< / script>
< / head>
< body>
< / body>
< / html>
08-数组存放1~10个值
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ ] ;
for ( var i = 0 ; i < 100 ; i++ ) {
arr[ i] = i + 1 ;
}
console. log ( arr) ;
< / script>
< / head>
< body>
< / body>
< / html>
09-筛选数组
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 2 , 0 , 6 , 1 , 77 , 0 , 52 , 0 , 25 , 7 ] ;
var newArr = [ ] ;
var j = 0 ;
for ( var i = 0 ; i < arr. length; i++ ) {
if ( arr[ i] >= 10 ) {
newArr[ j] = arr[ i] ;
j++ ;
}
}
console. log ( newArr) ;
var arr = [ 2 , 0 , 6 , 1 , 77 , 0 , 52 , 0 , 25 , 7 ] ;
var newArr = [ ] ;
for ( var i = 0 ; i < arr. length; i++ ) {
if ( arr[ i] >= 10 ) {
newArr[ newArr. length] = arr[ i] ;
}
}
console. log ( newArr) ;
< / script>
< / head>
< body>
< / body>
< / html>
10-数组去重(删除指定数组元素)
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 2 , 0 , 6 , 1 , 77 , 0 , 52 , 0 , 25 , 7 ] ;
var newArr = [ ] ;
for ( var i = 0 ; i < arr. length; i++ ) {
if ( arr[ i] != 0 ) {
newArr[ newArr. length] = arr[ i] ;
}
}
console. log ( newArr) ;
< / script>
< / head>
< body>
< / body>
< / html>
11-翻转数组
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 'red' , 'green' , 'blue' , 'pink' , 'purple' , 'hotpink' ] ;
var newArr = [ ] ;
for ( var i = arr. length - 1 ; i >= 0 ; i-- ) {
newArr[ newArr. length] = arr[ i]
}
console. log ( newArr) ;
< / script>
< / head>
< body>
< / body>
< / html>
12-复习交换两个变量
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var num1 = 'pink' ;
var num2 = 'yellow' ;
var temp;
temp = num1;
num1 = num2;
num2 = temp;
console. log ( num1, num2) ;
< / script>
< / head>
< body>
< / body>
< / html>
13-冒泡排序
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var arr = [ 4 , 1 , 2 , 3 , 5 ] ;
for ( var i = 0 ; i <= arr. length - 1 ; i++ ) {
for ( var j = 0 ; j <= arr. length - i - 1 ; j++ ) {
if ( arr[ j] < arr[ j + 1 ] ) {
var temp = arr[ j] ;
arr[ j] = arr[ j + 1 ] ;
arr[ j + 1 ] = temp;
}
}
}
console. log ( arr) ;
< / script>
< / head>
< body>
< / body>
< / html>
14-什么是函数
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
var sum = 0 ;
for ( var i = 1 ; i <= 100 ; i++ ) {
sum += i;
}
console. log ( sum) ;
var sum = 0 ;
for ( var i = 10 ; i <= 50 ; i++ ) {
sum += i;
}
console. log ( sum) ;
function getSum ( num1, num2 ) {
var sum = 0 ;
for ( var i = num1; i <= num2; i++ ) {
sum += i;
}
console. log ( sum) ;
}
getSum ( 1 , 100 ) ;
getSum ( 10 , 50 ) ;
getSum ( 1 , 1000 ) ;
< / script>
< / head>
< body>
< / body>
< / html>
15-函数的使用
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function sayHi ( ) {
console. log ( 'hi~~' ) ;
}
sayHi ( ) ;
< / script>
< / head>
< body>
< / body>
< / html>
16-利用函数封装求1~100的和
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getSum ( ) {
var sum = 0 ;
for ( var i = 1 ; i <= 100 ; i++ ) {
sum += i;
}
console. log ( sum) ;
}
getSum ( ) ;
getSum ( ) ;
< / script>
< / head>
< body>
< / body>
< / html>
17-带参数的函数
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function cook ( aru ) {
console. log ( aru) ;
}
cook ( '酸辣土豆丝' ) ;
cook ( '大肘子' ) ;
< / script>
< / head>
< body>
< / body>
< / html>
18-利用函数求任意两个数的和
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getSum ( num1, num2 ) {
console. log ( num1 + num2) ;
}
getSum ( 1 , 3 ) ;
getSum ( 3 , 8 ) ;
function getSums ( start, end ) {
var sum = 0 ;
for ( var i = start; i <= end; i++ ) {
sum += i;
}
console. log ( sum) ;
}
getSums ( 1 , 100 ) ;
getSums ( 1 , 10 ) ;
< / script>
< / head>
< body>
< / body>
< / html>
19-函数形参实参个数匹配
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getSum ( num1, num2 ) {
console. log ( num1 + num2) ;
}
getSum ( 1 , 2 ) ;
getSum ( 1 , 2 , 3 ) ;
getSum ( 1 ) ;
< / script>
< / head>
< body>
< / body>
< / html>
20-函数的返回值
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getResult ( ) {
return 666 ;
}
getResult ( ) ;
console. log ( getResult ( ) ) ;
function getSum ( num1, num2 ) {
return num1 + num2;
}
console. log ( getSum ( 1 , 2 ) ) ;
< / script>
< / head>
< body>
< / body>
< / html>
21-求两个数的最大值(函数版)
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getMax ( num1, num2 ) {
return num1 > num2 ? num1 : num2;
}
console. log ( getMax ( 1 , 3 ) ) ;
console. log ( getMax ( 11 , 3 ) ) ;
< / script>
< / head>
< body>
< / body>
< / html>
22-求数组中的最大值(函数版)
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getArrMax ( arr ) {
var max = arr[ 0 ] ;
for ( var i = 1 ; i <= arr. length; i++ ) {
if ( arr[ i] > max) {
max = arr[ i] ;
}
}
return max;
}
var re = getArrMax ( [ 3 , 77 , 44 , 99 , 143 ] ) ;
console. log ( re) ;
< / script>
< / head>
< body>
< / body>
< / html>
23-函数返回值注意事项
< ! DOCTYPE html>
< html lang= "en" >
< head>
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http- equiv= "X-UA-Compatible" content= "ie=edge" >
< title> Document< / title>
< script>
function getSum ( num1, num2 ) {
return num1 + num2;
alert ( '我是不会被执行的哦!' )
}
console. log ( getSum ( 1 , 2 ) ) ;
function fn ( num1, num2 ) {
return num1, num2;
}
console. log ( fn ( 1 , 2 ) ) ;
function getResult ( num1, num2 ) {
return [ num1 + num2, num1 - num2, num1 * num2, num1 / num2] ;
}
var re = getResult ( 1 , 2 ) ;
console. log ( re) ;
function fun1 ( ) {
return 666 ;
}
console. log ( fun1 ( ) ) ;
function fun2 ( ) {
}
console. log ( fun2 ( ) ) ;
< / script>
< / head>
< body>
< / body>
< / html>