最近公司没项目.所以所幸学学JS.毕竟很多人和我一样.属于培训机构出来的.JS基础也很差.

面试的时候面试官问你 .你会JS不.你会毫不犹豫的回答会.因为你确实用过.但是真正会的或许只是以前项目中需要的方法.

鉴于这种情况 我决定把JS基础篇的东西像JAVA或.net一样在博客园阐述一到.

虽然第一次发技术贴.但是我还是看了很多帖子.我不会很不负责的复制代码 然后走人了事.以下为总结部分:

<script type="text/javascript">
function 数组() {
var colors = ["red", "blue", "green"];
//检测数组
if (colors instanceof Array) {
//如果colors是数组.JS3方法
}
if (Array.isArray(colors)) {
//如果colors是数组.JS5方法
}
//转化方法
alert(colors.toLocaleString()); //red,blue,green
alert(colors.toString()); //red,blue,green
alert(colors.valueOf()); //red,blue,green
alert(colors.join(",")); //red,blue,green
//数组的栈方法
//push()
var count = colors.push("aaa", "bbb", "ccc"); //在原数组末尾添加参数
alert(count); //添加后的长度为6
//pop()
var enditem = colors.pop(); //移除最后一个参数
alert(enditem); //显示移除掉的参数"ccc"
//数组的队列方法
//shift()
var firstitem = colors.shift(); //移除第一个参数
alert(firstitem); //显示移除掉的"red"
//unshift()
var newcount = colors.unshift("000", "111", "222"); //在数组最前添加参数
alert(newcount); //显示添加后的数组长度
//重排序方法
var values = [0, 1, 5, 10, 15];
//recerse()
alert(values.reverse()); //倒序 按数字排序
//sort()
alert(values.sort()); //升序 但是每次比较参数是会加tostring() 所以按字符串排序
//但是可以强制转化下 arraySort方法
alert(values.sort(arraySort.reverse)); //倒序
alert(values.sort(arraySort.sort)); //升序
//操作方法
var letter = ["a", "b", "c"];
//concat()
var letter1 = letter.concat(["d", "e"], ["f", "g"]);//基于当前方法 添加一个或多个新的数组
alert(letter1);//a,b,c,d,e,f,g
//slice()
var letter2 = letter1.slice(1, 4);//去掉第一个 和第4个参数 组成新数组
alert(letter2);//b,c,e,d,g
//splice() 参数1 要修改 删除 添加的起始位置 参数2 要删除的数量 后面的参数都代表要添加的项
alert(letter.splice(0, 1));//从数组的[0]开始 删除一个项
alert(letter.splice(2, 0, "aa", "bb"));//从数组[2]开始添加aa bb
alert(letter.splice(2, 1, "cc", "dd"));//从数组[2]开始先删除一项 然后添加cc dd
//位置方法
//IndexOf()
alert(letter.indexOf(4));//从数组开头寻找
//lastIndexOf()
alert(letter.lastIndexOf(4));//从数组尾部寻找
//迭代方法
//every()
letter = new Array();
letter = [1,2,3,4,5,6,7,8,9,10];
var everyletter = letter.every(function (item, index, array) {
//every方法带3个参数 item 数组中的每一项. index 每一项的索引 . array 数组本身
return item > 2;
//当数组中每一项全部满足大于2时.返回true
//这个例子中当循环到第一项时1小于2 所以直接返回false
});
//some()
var someletter = letter.some(function (item, index, array) {
//some方法和every方法一样带三个参数.同上
return item > 2;
//当数组中任何一项满足这个条件就返回true
//这个例子中当走到第三个3大于2时 直接返回true
});
//filter()
var filterletter = letter.filter(function (item, index, array) {
//filter方法用法和every和some相同.
//但是返回结果为数组中包含的每一项
return item > 2;
//这个例子会返回所有大于2的数字.如3,4,5,6,7,8,9,10
});
//map()
var mapletter = letter.map(function (item, index, array) {
//map方法用法和every和some相同.
//但是返回的结果是在原始数组中对应项上运行传入函数的结果;
return item * 2;
//这个例子我在每个item乘以2.得到的结果为2,4,6,8,10,12,14,16,18,20
});
//forEach()
letter.forEach(function(item, index, array) {
//forEach方法是没有返回结果的.
//和for循环一样 只是围绕的是数组
//在这里可以做任何操作
});
//缩小方法
//reduce()
var value = [1, 2, 3, 4, 5];
var sum = value.reduce(function (item1, item2, index, array) {
//reduce有个参数 item1 前一个值,item2 当前值, index和array和every和some方法一样
//这个例子中第一次执行item1=1,item2=2; 第二次执行时.item1=3(1+2),item2=3 ,第三次执行 6 4 ,第4次执行10,5
//所以结果为15.
return item1 + item2;//15
});
//reduceRight()
var sum1 = value.reduceRight(function (item1, item2, index, array) {
//reduceRight和reduce的区别在于,其实就是反过来执行
//所以结果还是为15
return item1 + item2;//15
});
} //对于sort()方法的扩充 主要是对于数组的转化
var arraySort = {
reverse: function (va1,va2) {
if (va1 > va2) {
return 1;
} else if (va1 < va2) {
return -1;
} else {
return 0;
}
},
sort: function (va1, va2) {
if (va1 > va2) {
return -1;
} else if (va1 < va2) {
return 1;
} else {
return 0;
}
}
}; </script>

  

JavaScript 数组方法总结的更多相关文章

  1. JavaScript数组方法--every、some、fill

    接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...

  2. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

  3. JavaScript数组方法大全(推荐)

    原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...

  4. JavaScript 数组方法处理字符串 prototype

    js中数组有许多方法,如join.map,reverse.字符串没有这些方法,可以“借用”数组的方法来处理字符串. <!doctype html> <html lang=" ...

  5. 2018.2.27 JavaScript数组方法应用

    JavaScript数组方法应用 1.找出元素item在给定数组arr中的位置 function indexOf(arr,item){ return arr.indexOf(item); } func ...

  6. JavaScript数组方法详解

    JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中 ...

  7. JavaScript数组方法速查,32个数组的常用方法和属性

    JavaScript数组方法速查手册极简版 http://30ke.cn/doc/js-array-method JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方 ...

  8. JavaScript数组方法大集合

    JavaScript数组方法集合 本文总结一下js数组处理用到的所有的方法.自己做个笔记. 数组方法 concat() 合并两个或多个数组 concat()能合并两个或者多个数组,不会更改当前数组,而 ...

  9. 一站式超全JavaScript数组方法大全

    一站式JavaScript数组方法大全(建议收藏) 方法一览表 详细操作 本人总结了JavaScript中有关数组的几乎所有方法(包含ES6之后新增的),并逐一用代码进行演示使用,希望可以帮助大家! ...

  10. JavaScript数组方法总结

    由于最近都在freecodecamp上刷代码,运用了很多JavaScript数组的方法,因此做了一份关于JavaScript教程的整理,具体内容如下: 一.普通方法 1.join() 将数组元素连接在 ...

随机推荐

  1. acm数据结构整理

    一.区间划分 //区间划分+持久化并查集:区间连通情况统计. inline bool comp(Ask x, Ask y){return x.km == y.km ? x.l > y.l : x ...

  2. SQL Server Cpu 100% 的常见原因及优化

    SQL Server Cpu 100% 的情况并不太常见,一般引起 SQL Server 产生性能问题的,都是 阻塞.连接数.IO 磁盘等.所以,一般SQL Server 的使用率都是比较低的.但是, ...

  3. mybatis代码生成器配置文件详解

    mybatis代码生成器配置文件详解 更多详见 http://generator.sturgeon.mopaas.com/index.html http://generator.sturgeon.mo ...

  4. 移动端rem布局和百分比栅格化布局

    移动端的rem: 使用方法: 设置html的font-size,根据浏览器分辨率缩放 设置根元素font-size为100px这样好用的值,不要设为10px这样的: 然后获取浏览器的分辨率,也就是视口 ...

  5. 【转】安装Ubuntu 15.10后要做的事

    Ubuntu 15.10发布了,带来了很多新特性,同样也依然带着很多不习惯的东西,所以装完系统后还要进行一系列的优化. 1.删除libreoffice libreoffice虽然是开源的,但是Java ...

  6. C++容器类对象函数參数问题

    总之中的一个句话:容器类对象作为函数參数,与整数类型作为函数參数的传递特性同样. 验证程序 #include "stdafx.h" #include <iostream> ...

  7. 配置Ubuntu开发环境

    前言 新买了一台ThinkPad E431,主要看中了硬盘500G和7200转/分钟的速度,因此准备从x220上把工作环境迁移到新买的笔记本上. 为什么不要公司的电脑,是由于160G的ssd硬盘实在是 ...

  8. Twenty Newsgroups Classification任务之二seq2sparse(3)

    接上篇,如果想对上篇的问题进行测试其实可以简单的编写下面的代码: package mahout.fansy.test.bayes.write; import java.io.IOException; ...

  9. 【分享】4412开发板-嵌入式Linux开发须要掌握的基础知识和技能

    本文转自迅为电子论坛:http://www.topeetboard.com 1.Linux 基础 安装Linux操作系统 Linux文件系统 Linux经常使用命令 Linux启动过程具体解释 熟悉L ...

  10. C++类的定义之作用域

    每个类都定义了自己的新作用域和唯一的类型.在类的定义体内声明内成员,将成员名引入类的作用域.两个不同的类具有两个不同的类作用域. 例如: Class First { int memi; double  ...