正文
js如何创建一个数组对象数组 js创建数组的三种方式
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
js创建对象的几种方法
推荐有一下几种方式:
1.对象字面量创建对象
var
obj
=
{
a:1,b:2
};
注意:对象字面量是一个表达式,这种表达式每次运算都会创建并初始化一个新对象,并计算这个新对象的每个属性值。所以如果在循环体内使用对象字面量,每次循环时都会创建新对象。
2.通过new运算符创建对象
var
obj
=
new
object();
//创建空对象
var
ary
=
new
array();
//创建空的数组对象
注意:new运算符后面跟的是一个函数调用,这个函数被称为构造函数。js中原始类型都包含内置的构造函数,也可以自己定义构造函数。
3.通过立即执行函数创建对象
var
obj
=
(function(){
return
{x:1,y:2};}());
注意:在立即执行函数内部一定要有return语句,return出的内容就是待创建的对象。
在JavaScript中建立数组对象时的三个格式最正规的应该怎么写?
var 数组名;
数组名 = [1,.....,n];
例:我要定义一个数组“fruit”,它要包含三种水果“西瓜”、“苹果”、“香蕉”,我们就要这样写:
var fruit;
fruit = ["西瓜","苹果","香蕉"]; //给数组内三种水果赋值
其实这种方法和前面的方法在本质上是一样的,只是在语句的写法上有所区别,上面的方法在程序很短的时使用比较简洁,在一般情况下我还是建议您用以下方法建立数组对象。建立数组对象的语法有两种:
1、在声明数组时仅仅声明数组内有几个组件。
var 数组对象名称 = new Array(组件个数);
fruit = new Array(3); //声明名为fruit的数组,共有三个组件,这就相当于一次声明了三个变量
然后必须另行准备几行程序代码,代序将变量值填入。
fruit[0] = "西瓜";
fruit[1] = "苹果";
fruit[2] = "香蕉";
2、声明时直接给定所有数组组件,彼此之间用逗号隔开,用小括号括起来,组件个数就是数组长度。
var 数组对象名称 = new Array(组件一......,组件N);
var fruit = new Array("西瓜","苹果","香蕉");
注:在一般语言中数组内的组件必须是相同类型的值,但是在JAVAScript当中可以将不同类型的数据放入数组中。
js数组对象操作
声明创建一个数组对象: var arr = new Array(); 或者 var arr = [];
连接两个或者多个数组,并且返回该数组,语法: array.concat(object,object,......);
通过指定字符(参数)对数据进行分割,返回字符串,参数省略的话则用默认用逗号为分隔符
删除数组的最后一个对象,返回该删除元素的值
向数组末尾添加一个或者多个对象,语法: array.push(newObject1,newObject2,.....);
删除数组的第一个对象,并返回删除的元素
向数组开头添加一个或者多个元素,并返回新的长度
从已知数组中返回指定选中的数据(不包括end 对应的元素),如果省略 end 将复制 start 之后的所有元素,该操作不会修改原数组的数据, slice(start,end);
向数组中删除/添加对象,并返回被删除的元素
splice(index,count,item1,item2,......);
方法用户对数组的排序, sort(sortby) ,sortby可选,必须是函数。如调用方法没有使用参数,则按字母顺序进行排序。
只要有一个满足的就返回true,没有满足的返回false
验证数组中是否每个元素都满足指定的条件
没有返回值,可以不知道数组长度
arr.forEach(function(res,index){ })
返回值组成新数组,原数组不变
过滤通过条件的元素组成一个新数组,原数组不变
查找出第一个符合条件的数组成员,并返回该成员,如果没有找到就返回undefine
找到的是位置,找不到返回 -1
填充, arr.fill(填充的东西,start,end) 包括end
js创建数组对象的过程有几种?特点是什么?
js编程中创建对象的几种方式,如原始方法、工厂方法等创建对象。
1、原始方法
复制代码代码示例:
script type="text/javascript"
var obj = new Object();
obj.name = "Koji"; //为对象添加属性
obj.age = 21;
obj.showName = function(){ //为对象添加方法
alert(this.name);
}
obj.showAge = function(){
alert(this.age);
}
obj.showName(); //Koji
obj.showAge(); //21
/script
上面的方式通过new关键字生成一个对象,然后根据JS是动态语言的特性添加属性和方法,构造一个对象。其中的this是表示调用该方法的对象。
这种方式的问题是如果需要多次创建对象,则需要重复代码多次,不利于代码的复用。
2、工厂方法 :
复制代码代码示例:
script type="text/javascript"
function createObj(){
var obj = new Object(); //创建对象
obj.name = "Koji";
obj.age = 21;
obj.showName = function(){
alert(this.name);
}
obj.showAge = function(){
alert(this.age);
}
return obj; //返回对象
}
var obj1 = createObj();
var obj2 = createObj();
obj1.showName(); //Koji
obj2.showAge(); //21
/script
这种方式提高了代码重用率,还可以改变工厂方法,传入参数赋值。
复制代码代码示例:
script type="text/javascript"
function createObj(name, age){ //构造对象时可以传入初始化参数
var obj = new Object(); //创建对象
obj.name = name;
obj.age = age;
obj.showName = function(){
alert(this.name);
}
obj.showAge = function(){
alert(this.age);
}
return obj; //返回对象
}
var obj1 = createObj("Koji", 22);
var obj2 = createObj("Luo", 21);
obj1.showName(); //Koji
obj1.showAge(); //22
obj2.showName(); //Luo
obj2.showAge(); //21
/script
上面的方式虽然可以提高代码的复用率,但和面向对象中类的概念相比有一个很大的缺陷。面向对象强调对象的属性私有,而对象的方法是共享的。而上面的工厂方法创建对象的时候要为每个对象创建各自私有的方法。同时由于为每个对象都创建逻辑相同的方法,浪费内存。
改进如下:
复制代码代码示例:
script type="text/javascript"
function createObj(name, age){
var obj = new Object(); //创建对象
obj.name = name;
obj.age = age;
obj.showName = showName;
obj.showAge = showAge;
return obj; //返回对象
}
function showName(){ //函数也是一个对象
alert(this.name);
}
function showAge(){
alert(this.age);
}
var obj1 = createObj("Koji", 22);
var obj2 = createObj("Luo", 21);
obj1.showName(); //Koji
obj1.showAge(); //22
obj2.showName(); //Luo
obj2.showAge(); //21
/script
上面通过定义连个函数对象,解决了不同对象持有函数对象的私有问题。现在所有对象的方法都持有上面两个函数的引用。但这么一来的话,对象的函数又和对象成了相互独立,不相干的了。这和面向对象中特定方法属于特定类的思想不符合。
3、构造函数方式
复制代码代码示例:
script type="text/javascript"
//定义一个构造函数,用来生成对应的对象,可以类比Java中的构造函数
function Person(name, age){
//当调用new Person的时候,在执行第一行代码前,先生成一个Person对象,并将对象在内存中的
//索引赋值给this关键字,此时可以通过this关键字操作新生成的对象,如下面的添加属性或方法
this.name = name; //this关键字不能少。为当前对象,即this关键字引用的对象的name属性赋值
//,实际相当于为当前对象添加name属性后,再为其name属性赋值。
this.age = age;
this.showName = function(){ //为当前对象添加方法
alert(this.name);
}
this.showAge = function(){
alert(this.age);
}
//将当前对象返回给赋值符号左边的变量(不必明确使用return)
}
var obj1 = new Person("Koji", 22); //生成一个Person对象
var obj2 = new Person("Luo", 21);
obj1.showName(); //Koji
obj1.showAge(); //22
obj2.showName(); //Luo
obj2.showAge(); //21
/script
构造函数的方式和工厂方式一样,会为每个对象创建独享的函数对象。当然也可以将这些函数
对象定义在构造函数外面,这样又有了对象和方法相互独立的问题。
原型方法:
该方法利用的对象的prototype属性
复制代码代码示例:
script type="text/javascript"
function Person(){} //定义一个空构造函数,且不能传递参数
//将所有的属性的方法都赋予prototype属性
Person.prototype.name = "Koji"; //添加属性
Person.prototype.age = 22;
Person.prototype.showName = function(){ //添加方法
alert(this.name);
}
Person.prototype.showAge = function(){
alert(this.age);
}
var obj1 = new Person(); //生成一个Person对象
var obj2 = new Person();
obj1.showName(); //Koji
obj1.showAge(); //22
obj2.showName(); //Koji
obj2.showAge(); //22
/script
当生成Person对象的时候prototype的属性都赋值给了新的对象。那么属性和方法是共享的。
该方法的问题首先是构造函数不能传参,每个新生成的对象都有默认值。其次,方法共享没有任何问题,但是属性共享就有问题,当属性是可改变状态的对象的时候。
例子:
复制代码代码示例:
script type="text/javascript"
function Person(){} //定义一个空构造函数,且不能传递参数
Person.prototype.age = 22;
Person.prototype.array = new Array("Koji", "Luo");
Person.prototype.showAge = function(){
alert(this.age);
}
Person.prototype.showArray = function(){
alert(this.array);
}
var obj1 = new Person(); //生成一个Person对象
var obj2 = new Person();
obj1.array.push("Kyo"); //向obj1的array属性添加一个元素
obj1.showArray(); //Koji,Luo,Kyo
obj2.showArray(); //Koji,Luo,Kyo
/script
以上代码通过obj1向obj1的属性array添加元素的时候,obj2的arra属性的元素也跟着受到影响,原因就在于obj1和obj2对象的array属性引用的是同一个Array对象,那么改变这个Array 对象,另一引用该Array对象的属性自然也会受到影响混合的构造函数/原型方式。
使用构造函数定义对象的属性,使用原型(prototype)定义对象的方法,这样就可以做到属性私有,而方法共享。
例子:
复制代码代码示例:
script type="text/javascript"
function Person(name, age) {
this.name = name;
this.age = age;
this.array = new Array("Koji", "Luo");
}
Person.prototype.showName = function() {
alert(this.name);
}
Person.prototype.showArray = function() {
alert(this.array);
}
var obj1 = new Person("Koji", 22); //生成一个Person对象
var obj2 = new Person("Luo", 21);
obj1.array.push("Kyo"); //向obj1的array属性添加一个元素
obj1.showArray(); //Koji,Luo,Kyo
obj1.showName(); //Koji
obj2.showArray(); //Koji,Luo
obj2.showName(); //Luo
/script
属性私有后,改变各自的属性不会影响别的对象。同时,方法也是由各个对象共享。在语义上,
这符合了面相对象编程的要求。
4、动态原型方法
复制代码代码示例:
script type="text/javascript"
function Person(name, age) {
this.name = name;
this.age = age;
this.array = new Array("Koji", "Luo");
//如果Person对象中的_initialized为undefined,表明还没有为Person的原型添加方法
if (typeof Person._initialized == "undefined")
{
Person.prototype.showName = function() {
alert(this.name);
}
Person.prototype.showArray = function() {
alert(this.array);
}
Person._initialized = true; //设置为true,不必再为prototype添加方法
}
}
var obj1 = new Person("Koji", 22); //生成一个Person对象
var obj2 = new Person("Luo", 21);
obj1.array.push("Kyo"); //向obj1的array属性添加一个元素
obj1.showArray(); //Koji,Luo,Kyo
obj1.showName(); //Koji
obj2.showArray(); //Koji,Luo
obj2.showName(); //Luo
/script
这种方法和构造函数/原型方式大同小异。只是将方法的添加放到了构造函数之中,同时在构造函数Person上添加了一个属性用来保证if语句只能成功执行一次。
在实际应用中采用最广泛的是构造函数/原型方法。动态原型方法也很流行,它在功能上和构造函数/原型方法是等价的,不要单独使用构造函数或原型方法。
用JS创建一个数组,包含4个对象
浏览器上点F12
代码:
script
var writerInfoArr = new Array();//js的数组不要设置长度,我们就当他是4个。
var writerInfo = new Object();
for(var i=0;i4;i++){
writerInfo.name="《故事会》";writerInfo.author="张三";writerInfo.addr="建平村1号";writerInfo.len=5;
writerInfoArr[i]=writerInfo;
}
console.log(writerInfoArr);
/script
javascript怎么创建对象数组??
var objmoList1=new Array();//数组var objmo=new Object();//对象objmo.s="11";//对象里面的属性objmo.t="22";objmoList1.push(objmo);alert(objmoList1[0].s);
js如何创建一个数组对象数组的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于js创建数组的三种方式、js如何创建一个数组对象数组的信息别忘了在本站进行查找喔。