JS对象

JS中预定义好的一些对象

  • array对象
数组对象的定义方式:
1.采用 new Array( ) 的方式
 var arr = new Array( ); //定义一个数组arr,初始长度为0
 var arr1 = new Array(4); //定义一个数组arr1,初始长度为4

  arr1[0] = 1 ;
  arr1[1] = 10 ;
  alert(arr1[2]) ;   //弹出来undefined,没有初始化
  alert(arr1[100]);  //相当于定义了一个变量arr1[100],没有赋值

  var arr2 = new Array(1,2,3,4,5) ; 
  //定义一个数组arr2,初始化数据是1,2,3,4,5

---------------------------------------------

2.采用[]来定义(推荐)
  var arr3 = [ ]; //定义了一个空数组
  var arr3 = [ 1,2,3,4]; //定义了一个数组同时初始化

JS中数组与Java中数组的差别:
a.java中数组有确定类型
而JS中数组没类型,数组中可以存放任意类型(不推荐,不然使用前还要先确认类型,麻烦)
  var arr4 = [1,2,"4",true,45.8,false,"abc"] ;

b.Java中长度一旦确定就不能更改了
JS则可以,扩大缩小都可以

变长的两种办法 : 
  1) 指定length属性的值
  2) 指定某个数组中元素的值

alert(arr4.length) ; //弹出数组长度
arr4.length = 100 ;  //将数组的长度变为100
或者arr4[100] = 100 ;  //将数组的长度变为101,给第101个元素赋值100,其他则为undefined

arr4.length = 2 ;   
//将数组的长度变为2,多于的数据将消失了
alert(arr4[2]) ;   
//弹不出原来的数据了,弹出来undefined

c. java中的数组的数据引用必须用下标引用,小标必须是整数.
javascript中数组的数据引用可以用任意对象
  var arr5 = ["中国","美国","日本"] ;
  arr5["中国"] = ["北京","上海","天津"] ;
  alert(arr5["中国"][0]) ;
  //模拟二位数组

  alert(typeof(arr5)) ;  //object类型
  • array对象的方法和属性
array对象的方法和属性
1.join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
  var arr =  ["中国","美国","日本"] ;
  alert(arr.join()) ;    //默认用逗号连接
  alert(arr.join("")) ;   //用空字符串连接

2.pop():删除并返回数组的最后一个元素
 push():向数组的末尾添加一个或更多元素,并返回新的长度。

3.reverse():颠倒数组中元素的顺序。

4.shift():删除并返回数组第一个元素

5.sort():排序(升序 )
a.默认下将能转换为number类型的字符串放一起比较(转为string)
转换不成的作为一组进行比较
如果想按自己的规则进行比较,那么需要传递一个function类型的参数制定比较规则。
  • 标题栏的滚动应用
   <title>北京传智播客黑马训练营</title>
 </head>
 <body onload = "init()">
        <script type="text/javascript">
        <!--
             //示例:标题栏的滚动
             function init(){
                  //1.拿到标题栏的文本
                  var title = document.title ;
                  //alert(title) ;
                  //2.将文本字串转换为数组
                  var arr = title.split("") ;
                  //3.拿到数组的第一个元素,并从数组中删除
                  var first = arr.shift() ;
                  //4.将第一个元素添加到数组的最后
                  arr.push(first) ;
                  //5.将数组再组合成一个字符串
                  title = arr.join("") ;
                  //6.将字符串再赋值回标题栏
                  document.title = title ;
                  //7.每隔1秒做一遍前6步
                  setTimeout("init()",1000) ;
                
             }
        //-->
        </script>
 </body>
  • 字符串String对象(var s = new String("abcd");)
字符串是 JavaScript 的一种基本的数据类型。

String 对象的 length 属性声明了该字符串中的字符数。String 类定义了大量操作字符串的方法。

需要注意的是,JavaScript 的字符串是不可变的,String 类定义的方法都不能改变字符串的内容。
String方法
String对象的属性
String对象的方法:
  1. substr():  截取子字符串,两个参数,第一个参数是下标,第二个参数是截取的长度
  2. substring(): 截取子字符串,两个参数,代表的是下标

innerHTML和innerText的区别:
  innerHTML:标签+文本
  innerText:开始标签和结束标签之间的文本
  • Math对象
Math对象的方法
Math对象的属性
  • Number对象(var n = new Number(100);)
Number对象
Math对象: 
  1.floor(x): 取得小于等于x的最大整数
  2.ceil(x) :取得大于等于x的最大整数
  3.random(): 取得0~1之间的随机数(可以等于0,永远不能取得1)
  4.round(): 四舍五入为整数
  • Boolean对象

  • Date对象

Date对象
Date对象及属性
Date对象:
  1.拿到当前时间:new Date() ;
  2.拿到年月日,时分秒: getXXX() ;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Null,Undefine...
    宁骥阅读 484评论 0 0
  • string Math Array Date方法 浏览器对象 最基础的增删改查 以及JS的小练习 对象 创建...
    洱月阅读 390评论 1 6
  • 1.JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自...
    ancientear阅读 297评论 0 2
  • 饭后散步,被一股淡淡的清香吸引,寻着香味,来到了一大颗桂花树下,浓密的树叶里夹杂着桂花,在灯光下显得静谧而美好,金...
    杰克甘阅读 538评论 0 0
  • 第24章 猜测 陈朗回到自己的家,那幢空置的小洋楼。从学校到家的一路上他都在想着顾风离家出走的事情,让他纳闷的是,...
    _隶俞阅读 454评论 0 3