Javascript_3_ 배열 객체-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

Javascript_3_ 배열 객체

黄舟

Jan 18, 2017 pm 04:27 PM

Javascript_3_ Array 객체

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title>javascript演示5_ Array 对象</title>
    </head>
    <body>
    <h1 id="javascript演示-nbsp-Array-nbsp-对象">javascript演示5_ Array 对象</h1>
    <script type="text/javascript" src="a.js">    </script>
    <script type="text/javascript">
     /*
         * Array 对象
提供对创建任何数据类型的数组的支持。
arrayObj = new Array()
arrayObj = new Array([size])
arrayObj = new Array([element0[, element1[, ...[, elementN]]]])
参数
arrayObj
必选项。要赋值为 Array 对象的变量名。
size
可选项。可选项数组的大小。由于数组的下标是从零开始，
创建的元素的下标将从零到 size -1。
element0,...,elementN
可选项。要放到数组中的元素。
这将创建具有 n + 1 个元素的长度为 n + 1 的数组。
使用该语法时必须有一个以上元素。
说明
创建数组后，能够用 [ ] 符号访问数组单个元素，例如： 
var my_array = new Array();
for (i = 0; i < 10; i++)
   {
   my_array[i] = i;
   }
x = my_array[4];
由于 Microsoft JScript 中的数组的下标是从零开始的，
前面例子中最后一条语句访问数组的第五个元素。
该元素中保存的值是 4。 
如果只向 Array 的构造函数传递了一个参数，而该参数是数字，
则它必须是无符号32位整数（大约40亿）。该值成为数组的大小。
如果该值为数值，但小于0或不为整数，发生运行时错误。
如果传递给 Array 构造函数的是单个值并且不是数值，
设置 length 属性为1，而且唯一的元素值成为单个的传入的参数。
请注意 JScript 数组为解析数组，也就是尽管可以分配多个元素给一个数组，
但实际上只有包含数据的元素才存在。这减少了数组使用的内存数量。
         */
        array=new Array();
        //array1=new Array(size);
        //array2=new Array(e1,e2,e3);
        var arr1=[2,4,6,7];
        var arr2=["nba","xixi","abc"];
        var arr3=["qq","baidu"];
        println(arr1.concat(arr2,arr3));
//        2,4,6,7,nba,xixi,abc,qq,baidu
        println(arr1.concat("mm",arr3));
        //2,4,6,7,mm,qq,baidu
        println(arr1.join());
        println(arr1.join(","));
        println(arr1.join("-"));
        //2,4,6,7
        //2,4,6,7
        //2-4-6-7
        function myJoin(arr,separator){
        	var str="";
        	for (var i=0; i < arr.length; i++) {
                if (i!=arr.length-1) {
                	str+=arr[i]+separator;
                } else{
                	str+=arr[i];
                }
        	}
        	return str;
        }
        println(myJoin(arr3,"_"));
        //Array.prototype.myjoin=myJoin();如果加入原型，就要改用this
        /*
         * pop方法：移除数组最后一个元素，并返回该元素！(removeLast)
         * 如果数组为空，返回undefined
         * pop 方法
移除数组中的最后一个元素并返回该元素。
arrayObj.pop( )
必选的 arrayObj 引用是一个 Array 对象。
说明
如果该数组为空，那么将返回 undefined。
         * 
         * 
         * push 方法
将新元素添加到一个数组中，并返回数组的新长度值。
arrayObj.push([item1 [item2 [. . . [itemN ]]]])
参数
arrayObj
必选项。一个 Array 对象。
item, item2,. . . itemN
可选项。该 Array 的新元素。
说明
push 方法将以新元素出现的顺序添加这些元素。
如果参数之一为数组，那么该数组将作为单个元素添加到数组中。
如果要合并两个或多个数组中的元素，请使用 concat 方法。
         * 
         * 
         * shift 方法
移除数组中的第一个元素并返回该元素。(removeFirst)
arrayObj.shift( )
必选的 arrayObj 引用是一个 Array 对象。
说明
shift 方法可移除数组中的第一个元素并返回该元素。
         * 
         * 
         * slice 方法 (Array)
返回一个数组的一段。
arrayObj.slice(start, [end]) (包含头，不包含尾)
参数
arrayObj
必选项。一个 Array 对象。 
start 
必选项。arrayObj 中所指定的部分的开始元素是从零开始计算的下标。 
end 
可选项。arrayObj 中所指定的部分的结束元素是从零开始计算的下标。
说明
slice 方法返回一个 Array 对象，其中包含了 arrayObj 的指定部分。 
slice 方法一直复制到 end 所指定的元素，但是不包括该元素。
如果 start 为负，将它作为 length + start处理，
此处 length 为数组的长度。如果 end 为负，
就将它作为 length + end 处理，此处 length 为数组的长度。
如果省略 end ，那么 slice 方法将一直复制到 arrayObj 的结尾。
如果 end 出现在 start 之前，不复制任何元素到新数组中。
示例
在下面这个例子中，除了最后一个元素之外，
myArray 中所有的元素都被复制到 newArray 中： 
newArray = myArray.slice(0, -1)
         * 
         * 
         * splice 方法
从一个数组中移除一个或多个元素，如果必要，
在所移除元素的位置上插入新元素，返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
参数
arrayObj
必选项。一个 Array 对象。
start
必选项。指定从数组中移除元素的开始位置，
这个位置是从 0 开始计算的。
deleteCount
必选项。要移除的元素的个数。
item1, item2,. . .,itemN
必选项。要在所移除元素的位置上插入的新元素。
说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素，
从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。
         * 
         * 
         * unshift 方法
将指定的元素插入数组开始位置并返回该数组。（addFirst）
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])
参数
arrayObj
必选项。一个 Array 对象。
item1, item2,. . .,itemN
可选项。将插入到该 Array 开始部分的元素。
说明
unshift 方法将这些元素插入到一个数组的开始部分，
所以这些元素将以参数序列中的次序出现在数组中。
         * 
         * 
         */
        /*
         * 
         * join 方法
返回字符串值，其中包含了连接到一起的数组的所有元素，
元素由指定的分隔符分隔开来。
arrayObj.join(separator)
参数
arrayObj
必选项。Array 对象。
separator
必选项。是一个 String 对象，
作为最终的 String 对象中对数组元素之间的分隔符。
如果省略了这个参数，那么数组元素之间就用一个逗号来分隔。
说明
如果数组中有元素没有定义或者为 null，将其作为空字符串处理。
示例
下面这个例子说明了 join 方法的用法。 
function JoinDemo(){
   var a, b;
   a = new Array(0,1,2,3,4);
   b = a.join("-");
   return(b);
}
         * 
         * 
         * 
         * concat方法：返回一个新数组，由两个或多个数组组合而成
         * concat 方法 (Array)
返回一个新数组，这个新数组是由两个或更多数组组合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
必选项。其他所有数组要进行连接的 Array 对象。 
item1,. . ., itemN
可选项。要连接到 array1 末尾的其他项目。
说明
concat 方法返回一个 Array 对象，
其中包含了 array1 和提供的任意其他项目的连接。
要加的项目（item1 … itemN）会按照从左到右的顺序添加到数组。
如果某一项为数组，那么添加其内容到 array1 的末尾。
如果该项目不是数组，就将其作为单个的数组元素添加到数组的末尾。
以下为从源数组复制元素到结果数组： 
对于从正被连接到新数组的数组中复制的对象参数，
复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变，
都将引起另一个的改变。 
对于连接到新数组的数值或字符串，只复制其值。
一个数组中值有改变并不影响另一个数组中的值。 
下面这个例子说明了使用数组时 concat 方法的用法: 
function ConcatArrayDemo(){
   var a, b, c, d;
   a = new Array(1,2,3);
   b = "JScript";
   c = new Array(42, "VBScript);
   d = a.concat(b, c);
   // 返回数组 [1, 2, 3, "JScript", 42, "VBScript"]
   return(d);
}
         */
        //JS用数组模拟队列数据结构
        var arr=[];
        arr.unshift("1","2","3");//插入数组开头，返回该数组
        println(arr);//123
        var arr2=[];
        arr2.unshift("A");
        arr2.unshift("B");
        arr2.unshift("C");
        println(arr2);//C,B,A因为unshift是插入开头
        //pop移除并返回数组中最后一个元素
        //与unshift结合，形成队列结构
        println(arr2.pop());
        println(arr2.pop());
        println(arr2.pop());//此时arr2已经为空！
        //A,B,C
        arr2.unshift("A");
        arr2.unshift("B");
        arr2.unshift("C");
        println(arr2);//C,B,A因为unshift是插入开头
        //结合shift(移除并返回第1个元素)，可模拟堆栈结构
        println(arr2.shift());
        println(arr2.shift());
        println(arr2.shift());
        //C,B,A
        //给数组原型加入方法：求最大值
        Array.prototype.getMax=function(){
        	var temp=0;
        	for (var i=0; i < this.length; i++) {
        	  if (this[i]>this[temp]) {
        	  	temp=i;
        	  }
        	}
        	return this[temp];
        }
        println(arr1);//2,4,6,7
        println(arr1.getMax());//7
        //给数组原型加入自定义的打印方法
        Array.prototype.toString=function(){
        	return "【"+this.join(", ")+"】" ;
        }
        println(arr1);//【2, 4, 6, 7】
    </script>
    </body>
</html>

위는 Javascript_3_ Array 객체의 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

Python vs. JavaScript : 커뮤니티, 라이브러리 및 리소스Apr 15, 2025 am 12:16 AM

Python과 JavaScript는 커뮤니티, 라이브러리 및 리소스 측면에서 고유 한 장점과 단점이 있습니다. 1) Python 커뮤니티는 친절하고 초보자에게 적합하지만 프론트 엔드 개발 리소스는 JavaScript만큼 풍부하지 않습니다. 2) Python은 데이터 과학 및 기계 학습 라이브러리에서 강력하며 JavaScript는 프론트 엔드 개발 라이브러리 및 프레임 워크에서 더 좋습니다. 3) 둘 다 풍부한 학습 리소스를 가지고 있지만 Python은 공식 문서로 시작하는 데 적합하지만 JavaScript는 MDNWebDocs에서 더 좋습니다. 선택은 프로젝트 요구와 개인적인 이익을 기반으로해야합니다.

C/C에서 JavaScript까지 : 모든 것이 어떻게 작동하는지Apr 14, 2025 am 12:05 AM

C/C에서 JavaScript로 전환하려면 동적 타이핑, 쓰레기 수집 및 비동기 프로그래밍으로 적응해야합니다. 1) C/C는 수동 메모리 관리가 필요한 정적으로 입력 한 언어이며 JavaScript는 동적으로 입력하고 쓰레기 수집이 자동으로 처리됩니다. 2) C/C를 기계 코드로 컴파일 해야하는 반면 JavaScript는 해석 된 언어입니다. 3) JavaScript는 폐쇄, 프로토 타입 체인 및 약속과 같은 개념을 소개하여 유연성과 비동기 프로그래밍 기능을 향상시킵니다.

JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Apr 11, 2025 am 08:22 AM

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

See all articles