js基础——对象和数组

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

时间: 2024-10-08 01:52:33

js基础——对象和数组的相关文章

js基础,Array 数组对象、BOM 浏览器对象模型

Array 数组对象 定义数组的 3种方式 var week = new Array(); var week = new Array(‘星期一’ , ‘星期二, ‘星期三’); var week = (‘星期一’ , ‘星期二, ‘星期三’); 常用方法: 获取数组的长度 .length: alert(week.length); 获取数组下标所对应的值: alert(week[0]); 数组元素添加: 将一个或多个新元素添加到数组结尾,并返回数组新长度 var week_len = week.p

js实现对象或者数组深拷贝

今天遇到个问题,就是vue绑定的数组在push中所有的数组都会跟着改变.这个主要是因为 JavaScript中对象或者数组等引用类型,直接拷贝,改变一个另外一个也会改变: 有个简单的方法就是先转换为字符串再转换为json var arr = [1,2,3]; var arr1 = arr; arr1.push(4); console.log(arr); //[1,2,3,4] console.log(arr1);//[1,2,3,4] 上面这是没转换的. 1.通过JSON.stringfy()和

JS中对象与数组(大括号{}与中括号[])

一.{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数. 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性, 所以访问时,应该用.(点)来层层访问:LangShen.Name.LangShen.AGE,当然我们也可以用数组的方式来访问,如:LangShen[&q

JS的对象、数组等处理方法:解构

对象方法简写 你可以在定义方法时省略function和 :: const obj = { insteadOfThis: function() { // do stuff }, youCanDoThis() { // do stuff } } 请注意,以上不是箭头函数,只是对象方法的简写语法. 解构对象 对象解构是获取对象并将其内部属性提取到对象外部变量的一种方法: const obj = { x: 1, y: 2 } // 不使用解构语法 const x = obj.x const y = ob

JS判断对象是不是数组“Array”

在开发中,我们经常需要判断某个对象是否为数组类型,在Js中检测对象类型的常见方法都有哪些呢? typeof 操作符 对于Function, String, Number ,Undefined 等几种类型的对象来说,他完全可以胜任,但是为Array时 var arr=new Array("1","2","3","4","5"); alert(typeof(arr)); 你会收到一个object 的答案,有点让

JS遍历对象或者数组

一.纯js实现 Js代码   <script> var obj = {"player_id":"GS001","event_id":"1","destroy":"97%"}; var props = ""; for(var p in obj){ if(typeof(obj[p])=="function"){ obj[p](); }els

js遍历对象的数组

遍历数组: 1.js关键for遍历 2.jquery提供each功能 ----------------------------------- $.each(array, function(){ alert(this); }); ----------------------------------- 对象遍历: js: --------------------------------------------- for (var k in obj) { alert(obj[k]). } jquery

js 含有对象的数组去重

1.  参考:https://www.cnblogs.com/le220/p/9130656.html js中数组对象去重的方法     中的方法二 2. 纯数组去重:https://blog.csdn.net/jiangwei1994/article/details/82992985 var arr = [1,1,2,9,6,9,6,3,1,4,5]; arr = Array.from(new Set(arr)) console.log(arr) 原文地址:https://www.cnblog

JS中对象转数组方法总结

1.Array.from() 方法,用于数组的浅拷贝.就是将一个类数组对象或者可遍历对象转换成一个真正的数组.eg: let obj = { 0: 'nihao', 1: 'haha', 2: 'gansha', 'length': 3 } let arr = Array.from(obj) console.log(arr); tips: 1. object中必须有length属性,返回的数组长度取决于length长度         2.key 值必须是数值 2.Object.values(o