> php教程 > php手册 > 본문

php基础学习笔记—javascript(5)

WBOY
풀어 주다: 2016-06-06 19:44:55
원래의
891명이 탐색했습니다.

数组介绍 概念: 就是将若干个数据以一定的顺序放在一起的一个集合体,整体上就称之为数组。数组就是一列数据的有序排列的集合。 定义形式: var arr1 = new Array( 1 , 5 , 8 , 7 , 2 , 10 ); // 定义了一个数组,其中具有6个数据 var arr2 = new Array();

数组介绍

概念: 就是将若干个数据以一定的顺序放在一起的一个集合体,整体上就称之为“数组”。数组就是一列数据的有序排列的集合。

定义形式:

<span>var</span>  arr1 = <span>new</span> Array(<span>1</span>,  <span>5</span>,  <span>8</span>,  <span>7</span>,  <span>2</span>,  <span>10</span>);    <span>//</span><span>定义了一个数组,其中具有6个数据</span>
    <span>var</span>  arr2 = <span>new</span> Array();        <span>//</span><span>只是单纯地定义了一个数组(名),但没有给值(数据),即现在是空的</span>
    <span>var</span>  arr3 = [<span>1</span>,  <span>5</span>,  <span>8</span>,  <span>7</span>,  <span>2</span>,  <span>10</span>];    <span>//</span><span>同arr1,只是一种简写的定义法。</span>
    <span>var</span>  arr4 = [ ];        <span>//</span><span>同arr2,也是一个空数组。</span>
로그인 후 복사

数组的使用:所谓使用其实是指对数组的每一项的使用。

         取值:

    <span>var</span>  v1 = arr1[<span>0</span>];    <span>//</span><span>取得数组arr1中的第一项,0叫做下标</span>
        <span>var</span>  v2 = arr3[<span>3</span>] + <span>10</span>;    <span>//</span><span>取得数组arr3中的第4项,4叫做下标</span>
        ——所谓下标,其实就是数组的每一个数据的“顺序号”——从0开始编号,是连续的整数。
로그인 후 복사

         赋值:

                   arr1[0] = 10;     //给数组arr1的第一项赋值为10,此时其实也就是相当于修改了其值,也可以说类似给一个变量重新赋值。

arr2[<span>0</span>]  = <span>22</span><span>;
        arr2[</span><span>1</span>]  = <span>33.3</span><span>;
        arr2[</span><span>2</span>]  = “<span>444</span><span>”;
        arr2[</span><span>3</span>]  =<span> “abc”;
        arr2[</span><span>4</span>]  = <span>true</span>;
로그인 후 복사

//此时arr2这个数组相当于这样: [ 22, 33.3, “444”, “abc”, true ]

数组的“视觉形象”(以arr3为例):

下标值:    <span>0</span>    <span>1</span>    <span>2</span>    <span>3</span>    <span>4</span>    <span>5</span><span>
数据值:    </span><span>1</span>    <span>5</span>    <span>8</span>    <span>7</span>    <span>2</span>    <span>10</span>
로그인 후 복사

取得一个数组的长度——就是其中的数据的个数的语法为:

         var  v1 = 数组名.length;

         特别注意:数组的最大下标是数组的长度减1。

数组遍历的通常模式:

var len = 数组名.length;

for(var i = 0;  i

{

         //这里就是对数组的每一项的处理,每一项的写法是:  数组名[i]

}

数组遍历的另一种形式——for in循环语句。

for( var  v1   in  数组名arr1 )

{

         //这里就是循环体,是专门针对数组arr1的遍历循环,其中v1的值就是表示数组的每一项的下标值。

         //v1只是一个“临时变量”,代表每一项下标,依次会从0变化到数组的最大下标。

}

 

“二维”数组:

<span>var</span>  v1 = [<span>2</span>, <span>5</span>, <span>1</span>, <span>5</span><span>];
</span><span>var</span>  v2 = [<span>5</span>, <span>1</span>, <span>6</span>, <span>8</span><span>];
</span><span>var</span>  v3 = [<span>8</span>, <span>0</span>, <span>9</span>, <span>7</span><span>];
</span><span>var</span>  v4 =<span> [v1,  v2,  v3];
</span><span>var</span>  v5 =<span> [  
[</span><span>2</span>, <span>5</span>, <span>1</span>, <span>5</span><span>], 
[</span><span>5</span>, <span>1</span>, <span>6</span>, <span>8</span><span>], 
[</span><span>8</span>, <span>0</span>, <span>9</span>, <span>7</span><span>]
]; </span>
로그인 후 복사

——v4和v5其实没有任何区别,这两个都可以称为“二维数组“。

 

“二维”数组元素的操作:

         取值:

                   var s1 = v5[0][1];      //5    //相当于取到v5这个数组中第一项(这还是一个数组)的第2项。

                   var s2 = v5[2][3] + 100;    //107

         赋值:

                   v5[0][1] = 200;

                   v5[2][3] = 300;

数组对象的常用方法:

什么叫方法:方法其实就是函数!——只是如果一个函数“隶属于”某个“对象”,则称这个函数为该对象的方法。

<span>function maibao(){
        document.write(“啦啦啦,我是卖报的小行家,卖报啦卖报啦。”);
}
</span><span>var</span> myDreamGirl =<span> { 
name: “小花”, 
age:</span><span>18</span><span>, 
edu:”大学”,  
sex:”女”,
nengli1: function (){ document.write(“洗衣!”); } ,
nengli2: function (){ document.write(“做饭!”); } ,
nengli3: maibao
};
</span><span>var</span>  v1 = [<span>2</span>, <span>5</span>, <span>1</span>, <span>5</span><span>];
</span><span>var</span>  v2 = [<span>5</span>, <span>1</span>, <span>6</span>, <span>8</span>];
로그인 후 복사

从严格的角度来说,数组也是一种对象——甚至字符串也是对象。

v1作为对象,就有属性和方法:

         属性:

                   某数组.length: 表示该数组对象的长度

         方法:

                   某数组.concat(其他数组):将两个数组连接起来成为一个新的“更长”的数组。
                   var s1 = v1.concat( v2 );  //此时s1是这样一个数组: [2, 5, 1, 5, 5, 1, 6, 8];

                  

                   某数组.join(“字符串”):将数组中的所有项以指定的字符“串接起来”成为“长的”一个字符串。

                   var s2 = v1.join(“//”);       //结果s2为字符串 “2//5//1//5”

                  

                   某数组.pop();           //将该数组的最后一项“移除”(删除),并返回该项数据,即该数组少了一项

                   var  s3 = v1.pop();           //结果v1只剩这个:[2,5,1]; s3的值是5

 

                   某数组.push(新数据项d1);  //将新的数据d1添加到该数组的最后位置,即数组多了一项。

                   var  s4 = v1.push( 55 );          //v1此时为:[2,5,1, 55],  s4的值为新数组的长度,即4

 

                   某数组.shift();                   //将该数组的第一项“移除”(删除),并返回该项数据,即该数组少了一项

                   var  s5 = v1.shift();                   //结果v1只剩这个:[5, 1,55]; s5的值是2

        

                   某数组.unshift(新数据项d1);  //将新的数据d1添加到该数组的最前位置,即数组多了一项。

                   var  v6 = v1.unshift( 66 );       //v1此时为:[66, 5, 1, 55],  s6的值为新数组的长度,即4

 

javascript语言是一门基于对象的语言。

字符串对象:

<span>var</span> str1 = <span>new</span> String(“abcdefgabc”);    <span>//</span><span>这是一个“字符串对象”</span>
    <span>var</span> str2 = “abcdefgabc”;                <span>//</span><span>这个字符串跟前面str1几乎没有区别</span>
<span>字符串对象的属性:
        .length——获得一个字符串的长度(也就是字符个数)
字符串对象的方法:
</span><span>1</span>.    str1.charAt( n );    ——获得字符串str1中位置为n的那个字符(字符的位置也是从0开始算起)<span>var</span> s1 = str1.charAt( <span>3</span> );        <span>//</span><span>s1的结果是:”d”</span>
<span>2</span><span>.    str1.toUpperCase();    ——获取str1全部转换为大写的结果
</span><span>var</span> s2 = str1.toUpperCase();    <span>//</span><span>s2的结果是:”ABCDEFGABC”</span>
<span>3</span><span>.    str1.toLowerCase();    ——获取str1全部转换为小写的结果
</span><span>var</span> s3 = str1.toLowerCase();    <span>//</span><span>s3的结果是:”abcdefgabc”</span>
<span>4</span><span>.    str1.replace(“字符1”, “字符2”);    ——将str1中的“字符1”替换为“字符2”
</span><span>var</span> s4 = str1.replace(“cd”, “<span>999</span>”);    <span>//</span><span>s4的结果是:”ab999efgabc”</span>
<span>5</span>.    str1.indexOf(“字符1”); ——获得“字符1”在str1中第一次出现的位置,如果没有出现,结果是-<span>1</span>
<span>var</span> s5 = str1.indexOf(“ab”);        <span>//</span><span>s5的结果是0</span>
<span>6</span>.    str1.lastIndexOf(““字符1”); ——获得“字符1”在str1中最后一次出现的位置,如果没有出现,结果是-<span>1</span>
<span>var</span> s6 = str1.lastIndexOf(“ab”);        <span>//</span><span>s6的结果是7</span>
<span>7</span><span>.    str1.substr(n, m )    ——取得str1中从位置n开始的m个字符,m可以省略,则表示从位置n一直取到字符串的最后——注意,这种“取”并不影响str1这个原始字符
</span><span>var</span> s7 = str1.substr(<span>2</span>, <span>4</span>);    <span>//</span><span>s7为:”cdef”</span>
<span>8</span><span>.    str1.substring( n, m )——取得str1中从位置n到位置m的前一个字符。
</span><span>var</span> s8 = str1.substring(<span>2</span>, <span>4</span>);    <span>//</span><span>s8为:”cd”</span>
<span>9</span><span>.    str1.split(“字符1”)    ——将str1以指定的“字符1”为分界,分割成一个数组,结果是一个数组
</span><span>var</span> s9 = str1.split(“b”);    <span>//</span><span>s9的结果是一个数组:[“a”, “cdefga”, “c”]</span>
로그인 후 복사

Math对象

Math对象是一个系统内部定义的对象,我们无需去“新建一个Math对象”——跟string对象和array对象不同。即Math对象是直接使用的。

我们学习Math对象,无非是学习一些常见的数学处理函数——这里当就叫做方法了:

属性:

         Math.PI——代表圆周率这个“常数”

方法:

<span>1</span><span>.    Math.max(数值1,数值2,…..) ——求得若干个数值中的最大值。
</span><span>2</span><span>.    Math.min(数值1,数值2,…..)     ——求得若干个数值中的最小值。
</span><span>3</span><span>.    Math.abs( 数值1)     ——求得数值1的绝对值
</span><span>4</span><span>.    Math.pow( x,y)        ——求得数值x的y次方,也就是“幂运算”
</span><span>5</span><span>.    Math.sqrt( x )            ——求得x的开方
</span><span>6</span><span>.    Math.round( x )         ——求得x的四舍五入的结果值;
</span><span>7</span><span>.    Math.floor( x )            ——求得x的向下取整的结果,即找到不大于x的一个最大的整数。
a)    Math.floor( </span><span>3.1</span> ) ? <span>3</span><span>
b)    Math.floor( </span><span>3.8</span> ) ? <span>3</span><span>
c)    Math.floor( </span><span>3</span> ) ? <span>3</span><span>
d)    Math.floor( </span>-<span>3.1</span> ) ? -<span>4</span><span>
e)    Math.floor( </span>-<span>3.8</span> ) ? -<span>4</span>
<span>8</span><span>.    Math.ceil( x )             ——求得x的向上取整的结果,即找到不小于x的一个最小的整数
a)    Math.floor( </span><span>3.1</span> ) ? <span>4</span><span>
b)    Math.floor( </span><span>3.8</span> ) ? <span>4</span><span>
c)    Math.floor( </span><span>3</span> ) ? <span>3</span><span>
d)    Math.floor( </span>-<span>3.1</span> ) ? -<span>3</span><span>
e)    Math.floor( </span>-<span>3.8</span> ) ? -<span>3</span>
<span>9</span>.    Math.random()        ——获得一个0~<span>1范围中的随机“小数”,含0,但不含1


</span><span>//</span><span>获得两个整数(n1,n2)之间的随机整数的通用做法:</span>
    <span>var</span> v1 =<span> Math.random()
    v1 </span>= v1 * (n2-n1+<span>1</span><span>);
    v1 </span>= Math.floor( v1 ) + n1;    <span>//</span><span>此时v1就是结果
</span><span>//</span><span>将上述3步写出一步就是(通用公式):</span>
    <span>var</span> v1 = Math.floor( Math.random() * (n2-n1+<span>1</span>) ) + n1
로그인 후 복사

 

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿