JavaScript基础教程 引用类型详解
沉沙 2018-09-19 来源 : 阅读 551 评论 0

摘要:本篇教程介绍了JavaScript基础教程 引用类型详解,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。

本篇教程介绍了JavaScript基础教程 引用类型详解,希望阅读本篇文章以后大家有所收获,帮助大家对JavaScript的理解更加深入。

<

 1  Object 类型
var person = new Object() ; person.name = "summer"; 和 var person = {name:‘summer‘};是等价的。
2  Array 类型
(1)var colors = new Array(); 和 var colors = Array();和var colors = []; 是等价的。
(2)数组中的length 属性不仅是只读的,即通过设置这个属性,可以从数组的末尾移除项或添加新项。
实例1:
var colors = [‘red‘ , ‘blue‘ , ‘green‘];
colors.length = 2;
alert(colors[2]); //undefined
实例2:
var colors = [‘red‘ , ‘blue‘ , ‘green‘];
colors.length = 4;
alert(colors[3]); //undefined,但是数组已经增加colors[colors.length] = ‘black‘;//数组上再加一个
实例3:
var colors = [‘red‘ , ‘blue‘ , ‘green‘];
colors[99] = ‘black‘;
alert(colors.length); //100
(3)检测数组:value instanceof Array  和 Array.isArray(value)  
(4)装换方法:toLocalString()、toString()、valueOf()以及join
实例1:
var colors = [‘red‘ , ‘blue‘ , ‘green‘];
alert(colors.join("||")); //red||green||blue
(5)栈方法(LIFO)后进先出:colors.push("red","green"......)(加在后面)和colors.pop()(从后面开始删除)
(6)队列方法(FIFO)先进先出:colors.unshift("red","green"......)(加在前面)和colors.unshift()(从前面开始删除)
(7)重排方法:reverse()和sort()
实例1:
var values = [1,2,3,4,5]‘
values.reverse();
alert(values);//5,4,3,2,1
实例2:
var values = [0,1,5,10,15]‘
values.sort();
alert(values);//0,1,10,15,5  由于sort没有传递参数,是按照字符串来排列
 
实例2:
function compare(value1,value2){
  if(value1 < value2){
    return -1;
  }else if(value1 > value2){
    return 1;
  }else{
    return 0;
  }
}
var values = [0,1,5,10,15];
values.sort(compare);//传入函数参数
alert(values);//0,1,5,10,15
(8)操作方法:concat()、slice()、splice()
concat():基于当前数组中的所有项创建一个新数组
 实例1:
var colors = [‘red‘,‘green‘,‘blue‘];
var colors2 = colors.concat(‘yellow‘,[‘black‘,‘brown‘]);
alert(colors);//red,green,blue
alert(colors2);//red,green,blue,yellow,black,brown
 
slice():基于当前数组中一个或多个项创建一个新数组
 实例2:
var colors = [‘red‘,‘green‘,‘blue‘,‘yellow‘,‘purple‘];
var colors2 = colors.slice(1);//一个参数,从1开始到结束 
var colors3 = colors.slice(1,4);//两个参数,从1到4,不包括结束项
alert(colors2);//green,blue,yellow,purple
alert(colors3);//green,blue,yellow
splice():删除、插入、替换(splice() 方法始终都会返回一个数组,该数组包含从原始数组中删除的项,如果没有删除项,返回空数组)
删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数,如splice(0,2)会删除数组中的前两项
插入:可以向指定位置插入任意数量的项,只需要提供3个参数:起始位置、0(要删除的项数)和要插入的项。如splice(2,0,"red","green","yellow".....)会从当前数组的位置2开始插入后面的字符串
替换:可以向指定位置 插入任意数量,而且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数据的项。插入的项数不必与删除的项数相等。如splice(2,1,"red","green"....)
 实例3:
var colors = [‘red‘,‘green‘,‘blue‘];
var removed= colors.splice(0,1);
alert(colors );//green,blue
alert(removed );//red
removed= colors.splice(1,0,"yellow","orange");
alert(colors );//green,blue,yellow,orange
alert(removed );//空
removed= colors.splice(1,1,"red","purple");
alert(colors );//green,red,purple,orange,blue
alert(removed );//空    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端JavaScript频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程