javascript基础知识3#引用类
引用类
引用类型的只是引用类型的一个实例,在ecmascript当中,引用类型是一种数据结构用于将数据和功能组织在一起,也常被称做类。
object类型
构造函数[var o = new object()]和对象字面量[var o = {}];
Array类型
ECMAScript数组的每一项可以保存任何数据类型的数据。Array构造函数[var a = new Array()]和[var a = []]
利用length属性可以方便给数组末尾添加新项
1.检测数组
[if(value instanceof Array){}] 和 [if(Array.isArray(value)){}](ie9+)
2.转换方法
toString(),valueOf(),toLocaleString()
```
var colors = ['red', 'blue', 'green'];
console.log(colors.toString());
console.log(colors.valueOf());
console.log(colors);
//red,blue,green
//[ 'red', 'blue', 'green' ]
//[ 'red', 'blue', 'green' ]
```
join()
方法重现了toString()方法的输出。
```
var colors = ['red', 'blue', 'green'];
console.log(colors.join(','));
console.log(colors.join('||'));
```
3.栈方法(FIFO先进先出)push()加入数组最后个,pop()取出数组最后个
```
var colors = ['red', 'blue', 'green'];
var count = colors.push('black');
console.log(count);
console.log(colors);
var item = colors.pop();
console.log(item);
console.log(colors);
<h4>4.队列方法(LIFO后进先出)push(),shift()【unshift()】</h4>
<h4>5.重排序方法reverse()反转数组项的顺序,sort()</h4>
var values = [1,2,3,4,5];
values.reverse();
console.log(values);//[ 5, 4, 3, 2, 1 ]
values.sort();
console.log(values);//[ 1, 12, 14, 3, 5 ]
function compare(value1,value2){
if(value1<value2){
return 1;
}else if (value1>value2) {
return -1;
}else{
return 0;
}
}
var values = [1,12,3,14,5];
values.sort(compare);
console.log(values);//[ 14, 12, 5, 3, 1 ]
<h4>6.操作方法</h4>
concat()可以基于当前数组中的所有项创建一个新数组。
var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow",["black","pink"]);
console.log(colors);
console.log(colors2);
//[ 'red', 'green', 'blue' ]
//[ 'red', 'green', 'blue', 'yellow', 'black', 'pink' ]
slice()能够基于当前数组中的一个或者多个项创建一个新数组。可以接受一个参数或者多个参数 (起始和结束位置之间不包括结束位置)
var colors = ["red","green","blue","black","pink"];
var colors2 = colors.slice(1);
var colors3 = colors.slice(1,4);
console.log(colors2);
console.log(colors3);
// [ 'green', 'blue', 'black', 'pink' ]
// [ 'green', 'blue', 'black' ]
splice()算是比较强大的数组方法
(1)删除:删除任意数量的项,要删除第一项的位置,和要删除的数量
(2) 插入:第3个参数要插入的项
(3)替换:先删除再插入
var colors = ["red","green","blue","black","pink"];
var removed = colors.splice(0,1);
console.log(colors);
console.log(removed);
// [ 'green', 'blue', 'black', 'pink' ]
// [ 'red' ]
removed = colors.splice(1,0,"yellow","orange");
console.log(colors);
console.log(removed);
// [ 'green', 'yellow', 'orange', 'blue', 'black', 'pink' ]
// []
removed = colors.splice(1,1,"purple");
console.log(colors);
console.log(removed);
// [ 'green', 'purple', 'orange', 'blue', 'black', 'pink' ]
// [ 'yellow' ]
<h4>7.位置方法:indexOf()和lastIndexOf()</h4>
<h4>8.迭代方法,some every filter forEach map</h4>
<h4>9.缩小方法:reduce() reduceRight()</h4>
#Date()类型
#RegExp()类型
#function类型
参考:《javascript高级程序设计》
javascript基础知识3#引用类的更多相关文章
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- 学习javascript基础知识系列第二节 - this用法
通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...
- 学习javascript基础知识系列第三节 - ()()用法
总目录:通过一段代码学习javascript基础知识系列 注意: 为了便于执行和演示,建议使用chrome浏览器,按F12,然后按Esc(或手动选择)打开console,在console进行执行和演示 ...
- JavaScript 基础知识 - BOM篇
前言 本篇文章是JavaScript基础知识的BOM篇,如果前面的<JavaScript基础知识-DOM篇>看完了,现在就可以学习BOM了. 注意: 所有的案例都在这里链接: 提取密码密码 ...
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
- JavaScript基础知识梳理,你能回答几道题?
在学习JavaScript的时候,总是这里学一点,那里学一点,很的很零星,很杂,没有很系统的去学习,感觉好像JavaScript的知识点都了解了,但是真正要说起来,又不知道从何说起! 最深刻的体会就是 ...
- JavaScript基础知识笔记
做前端几年了,一直疏于整理归纳,所以这两天把基础看了一遍,加上使用经验,整理了基础知识中关键技术,旨在系统性的学习和备忘.如果发现错误,请留言提示,谢谢! 重要说明:本文只列举基础知识点,中级和高级内 ...
- JavaScript——基础知识,开始我们的js编程之旅吧!
JavaScript基础第01天 1. 编程语言 编程语言: 可以通过类似于人类语言的"语言"来控制计算机,让计算机为我们做事情,这样的语言就叫做编程语言(Programming ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
随机推荐
- win7休眠的开启与关闭方法
从开始菜单中找到“附件→命令提示符”,右击选择“以管理员身份运行”,此时可能需要输入管理员密码或进行UAC确认,手工输入如下命令:powercfg -a,从这里可以清楚的看到,计算机是支持休眠的,只是 ...
- OpenResty知识汇集
OpenResty目录详解: nginx_lua_module执行顺序:
- 【Android Developers Training】 22. 与其他fragment通信
注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好. 原文链接:http://developer ...
- 自己开源的leaf-snowflake
拜读了美团点评技术团队博客的"Leaf--美团点评分布式ID生成系统(http://tech.meituan.com/MT_Leaf.html)"之后,收获很多.纸上得来终觉浅 绝 ...
- 开源 .net license tool, EasyLicense !
介绍: 过去我常常像是否有一个帮助授权的软件,它可以非常简单的创建license,并且非常容易的验证license. 这是一个非常普通和公共的功能,但是我没有找到合适的开源软件,大部分开源软件都比较复 ...
- c# ActiveMQ 类
using System;using System.Collections.Generic;using System.Text; using Apache.NMS;using Apache.NMS.A ...
- Vijos 1011 清帝之惑之顺治 记忆录式的动态规划(记忆化搜索)
背景 顺治帝福临,是清朝入关后的第一位皇帝.他是皇太极的第九子,生于崇德三年(1638)崇德八年八月二ten+six日在沈阳即位,改元顺治,在位18年.卒于顺治十八年(1661),终24岁. 顺治即位 ...
- 收集了一些容易出错的题,可能大家也不会注意到的基础知识(js)
---恢复内容开始--- 1.题中运用到函数表达式.构造函数.原型.优先级.this. 2.参数影响 3.对原型的运用 4.递归 5.基本类型与引用类型传递 6.优先级 7.自调用函数 ---恢复内容 ...
- input的文件上传图片
<img id="headIMG" src="img/header_default.jpg"/> <input type="file ...
- 为何你跟着滴滴D8级前端大神撸代码,技术却依旧原地踏步?
引子 听说最近有很多小伙伴,热衷于在慕课网上学习各种前端实战教程,并以完成项目为奋斗目标.比如本文接下来要提到的<Vue2.0高级实战之开发移动端音乐App>,这门课程的传授者是来自滴滴D ...