Java教程

JavaScript自主学习进度（2）

本文主要是介绍JavaScript自主学习进度（2），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、关键特性

    JavaScript 的 循环语句 if……else……和for 循环、while……循环、do……while……循环、switch case语句和continue、break用法跟ecplice的相同。JavaScript跟python一样，需要创建函数、方法。此处不做赘述。

 

二、Array、String、Date、Math对象

1、对象概念：在JavaScript中对象是拥有属性和方法的数据。

JSON它是纯数据格式，只包含属性没有方法，简单的例子：

 1 { 2 "name": "zhangsan", 3 "age": 18, 4 "gender": "male" 5 } 

Array对象：

属性：length 获取数组长度

方法：concat（）连接两个或多个数组，并返回结果

           join（）将数组转换成字符串

           pop（）删除并返回数组最后一个元素

           push（）在数组末尾加一个或更多元素，并返回新的长度

           reverse（）颠倒数组顺序

           sort（）将数组进行排序

           toString（）把数组转换成字符串并返回结果

var arr1=[1,2,3];
var arr2=[4,5,6];
arr1.length; //结果等于3
arr3.concat(arr1,arr2); //结果返回[1,2,3,4,5,6]

String对象：

属性：length获取字符串长度

方法：charAt（）获取指定位置处字符

var string='You are so excellent!';
document.write(str.charAt(6)); //返回‘e’

         concat（）连接字符串

          indexof（）检索字符串

          toString（）返回字符串

           toLowerCase（）/toUpperCase（）返回字符串的小写/大写形式

           replace（）替换某段字符串

           split（）分割字符串为字符串数组

Date对象：

方法：Date（）返回当日日期和时间

           getDate（）返回一个月中的某天

           getDay（）返回一周的某天

           getMonth（）返回月份

           getFullYea（）返回四位数字的年份

           getHours（）返回小时

           getMinutes（）返回分钟

           getSeconds（）返回秒

Math对象：

方法：abs（）返回绝对值

           round（x）返回x四舍五入后的值

           sqrt（）返回x的平方根

           ceil（x）返回大于等于x的最小整数

           floor（x）返回小于等于x的最大整数

            pow（n，m）返回n的m次幂

            max（a，b）/min（a，b）返回a，b中的最大/最小值

            random（）返回0到1间的一个随机数

 

三、创建对象
1、对象字面量来创建：

var student = {
  name: 'zhangsan',
  age: 18,
  gender: 'male',
  sayHi: function () {
    console.log('hi,my name is ' + this.name);
  },
};

2、new Object（）来创建：

var student = new Object();
(student.name = 'zhangsan'),
  (student.age = 18),
  (student.gender = 'male'),
  (student.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  });

3、工厂函数创建：

function createStudent(name, age, gender) {
  var student = new Object();
  student.name = name;
  student.age = age;
  student.gender = gender;
  student.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  };
  return student;
}
var s1 = createStudent('zhangsan', 18, 'male');

4、自定义构造函数

function Student(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHi = function () {
    console.log('hi,my name is ' + this.name);
  };
}
var s1 = new Student('zhangsan', 18, 'male');

 

实例练习：


（1）写一个函数实现输出当前的准确时间，格式为yyyy/MM/dd HH:mm:ss

 1 <html>
 2     <head>
 3         <meta charset='UTF-8'/>
 4         <title>
 5             今天的准确时间
 6         </title>
 7     </head>
 8     <body>
 9         <script>
10             function formatDate(time){
11                 if(!time instanceof Date){
12                     return;
13                 }
14                 var year=time.getFullYear(),
15                     month=time.getMonth(),
16                     day=time.getDate(),
17                     hour=time.getHours(),
18                     minute=time.getMinutes(),
19                     second=time.getSeconds();
20                 month=month<10?'0'+month:month;
21                 day=day<10?'0'+day:day;
22                 hour=hour<10?'0'+hour:hour;
23                 minute=minute<10?'0'+minute:minute;
24                 second=second<10?'0'+second:second;
25                 return (
26                     year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second);
27             }
28             document.write(formatDate(new Date()));
29         </script>
30     </body>
31 </html>

 

（2）写一个函数去掉给定数组中重复发元素，如array=['x','c','a','b','c','b','c'];

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="UTF-8" />
 5     <title></title>
 6   </head>
 7 
 8   <body>
 9     <script type="text/javascript">
10       var array = ['x', 'c', 'a', 'b', 'c', 'b', 'c'];
11 
12       function clearArray() {
13         var o = {};
14         for (var i = 0; i < array.length; i++) {
15           var item = array[i];
16           if (o[item]) {
17             o[item]++;
18           } else {
19             o[item] = 1;
20           }
21         }
22         var tmpArray = [];
23         for (var key in o) {
24           if (o[key] == 1) {
25             tmpArray.push(key);
26           } else {
27             if (tmpArray.indexOf(key) == -1) {
28               tmpArray.push(key);
29             }
30           }
31         }
32         return tmpArray;
33       }
34 
35       console.log(clearArray(array));
36     </script>
37   </body>
38 </html>

 

这篇关于JavaScript自主学习进度（2）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航