js基础——对象和数组

朴灿烈づ我的快乐病毒、 2021-12-23 11:21 388阅读 0赞

1、Object类型

1）使用new运算符

var box = new Object();===》等同于 var box = Object();(省略new关键字)

box.name = "张三";// 创建属性字段

box.age = 18;// 创建属性字段

2）字面量表示法

var box =\{

name :"张三",  //创建属性字段

age : 18

3）字符串式属性字段

var box =\{

'name' :"张三",  //创建字符串式属性字段

'age' : 18

4）声明空对象再以点符号赋值属性

var box = \{\}；//声明空对象

box.name = "张三",//给属性赋值

box.age = 18

alert(box.name+','+box\['age'\]);//注意点属性和方括号的输出方式

5）给对象创建方法

var box = \{

run:function()\{

return '运行对象中的方法'

alert(box.run());

6）使用delete删除对象属性

delete box.name;

eg. function box(obj)\{  //参数是一个对象

if(obj.name!=undefined)//判断属性是否存在

alert(obj.name);

if(obj.age!=undefined)

alert(obj.age);

box(\{          //调用函数并传参

name:'李四',

age:18

\})

2、Array类型

1）使用new关键字创建数组 new可省略

var box = new Array();//创建一个数组

var box = new Array(10);//创建一个数组含有10个元素

var box = new Array('张丹',24,'程序员','云南');//创建一个数组并分配好了元素

2）使用字面量创建数组

var box =\[\];

var box =\['张丹',24,'程序员','云南'\];

3）使用索引下标来获取数组值

alert(box\[1\]);

box\[3\]='重庆';//改变第4个数组的值

box\[4\]='一年';//增加第5个元素

4）使用legth属性获取数组长度

alert(box.legth);

5）较复杂的数组

var box = \[

\{     //第一个元素是对象

name:'李四'，

age:25,

run :function()\{  //对象中含有方法

alert('run了')

\},

\['张丹',24,'程序员','云南'\], //元素2数组

'上海', //元素3字符串

25+30, //元素4数值

new Array(1,2,3) //元素5数组

\]；

alert(box)

3、对象中的方法

1）转换方法： toLocaleString()、toString、valueOf() 方法，默认情况下会以逗号隔开

var box = \['张三','计算机',18\];

alert(box); //隐式调用toString方法。\['张三','计算机',18\]

alert(box.toString());  //和valueOf返回一致 张三，计算机，18

alert(box.toLocaleString());//同上 张三，计算机，18

console.log(box9.valueOf());//\['张三','计算机',18\]

2） join() ：使用该方法可替换分隔符

console.log(box.join('|'));//张三|计算机|18

3） push() :给数组末尾添加元素并返回长度

console.log(box.push('成都'));//4

4)  pop() :移除数组末尾的元素，并返回移除的元素

console.log(box.pop());//成都

5） unShift() :数组开头添加两个元素

console.log(box.unshift('2年','男'));//5

6） shift() :移除数组开头的元素，并返回移除的元素

console.log(box.shift());//2年

7） reverse() :逆向排序，并返回排序后的数组

console.log(box.reverse());//18，计算机，张三，男

8） sort() :从小到大排序，并返回排序后的数组(当数组和字符串排序时这样使用是错的)

console.log(boc.sort());//18，张三，男，计算机

9） concat() :可基于当前数组创建一个新数组

var box = \['山东','成都','贵阳'\];

var box2 = box.concat('大厦');

console.log(box2);//山东,成都,贵阳,大厦

10） slice() :基于当前数组获取指定区域元素并创建一个新数组

var box2 = box.slice(1);//表示从下标1开始截取

console.log(box2);//成都,贵阳,大厦

转载于:https://www.cnblogs.com/LindaBlog/p/10974023.html

js基础——对象和数组

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JS基础对象

相关 JS基础数组类型

相关 js基础---数组方法

相关 JS 数组转对象对象转数组对象数组互相转换

相关 js 生成对象数组_JS数组父子关系生成对象

相关 js对象数组求和

相关 JS复制对象、数组

相关 JS数组转对象

相关 js基础——对象和数组

相关 js数组遍历和对象遍历