JS基础知识识记录

NSFish 发布于2019-08-21 18:27 / 1002人阅读

摘要：过滤功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。最后一次调用回调函数返回的结果方法从一个类似数组或可迭代对象中创建一个新的数组实例。可选参数可选参数，执行回调函数时对象。

数组的方法

pop push shift unshift reverse sort splice contact join toStrint slice indexof every some map reduce from lastIndexOf

改变原数组

shift()t:删除数组的第一个元素,返回删除的值。这里是0
unshift(3,4):把参数加载数组的前面，返回数组的长度。现在list:中是3,4,0,1,2
pop():删除数组的最后一个元素，返回删除的值。这里是2.
push(3):将参数加载到数组的最后，返回数组的长度，现在List中时：0,1,2,3
reverse() 方法用于颠倒数组中元素的顺序
sort() 方法用于对数组的元素进行排序,在原数组上进行排序；
splice(index,howmany,item1,item2...itemx) 方法从index位置删除howmany个元素，并在index位置处添加几个元素，如果有删除元素，然后返回被删除的项目，同时也改变了原数组

不改变原数组：

concat（）连接两个或多个数组值或是数组 arrayObject.concat(arrayX,arrayX,......,arrayX)；
join() 方法用于把数组中的所有元素放入一个字符串;
toString() 方法可把数组转换为字符串，并返回结果，不改变原数组
slice(start，end) 方法可从已有的数组中返回选定的元素（子数组）,start可为负，end 可选；
indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，从数组的开头（位置 0）开始向后查找。找到之后返回该项在数组中的索引，未找到返回-1
lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，从数组的末尾开始向前查找。找到之后返回该项在数组中的索引，未找到返回-1
forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；第对应的数组索引，数组本身。(es5)
···js
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
console.log(x + "|" + index + "|" + (a === arr));
});

// 输出为：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true

map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

下面代码利用map方法实现数组中每个数求平方。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2); //[1, 4, 9, 16, 25]

filter(function(x,index))：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。默认传入的值为数组值和当前索引

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
return index % 3 === 0 || x >= 8;
});
console.log(arr2); //[1, 4, 7, 8, 9, 10]

every(function(x,index,arr){})：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 10;
});
console.log(arr2); //true
var arr3 = arr.every(function(x) {
return x < 3;
});
console.log(arr3); // false

some()：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
});
console.log(arr2); //true
var arr3 = arr.some(function(x) {
return x < 1;
});
console.log(arr3); // false

arr.reduce([callback, initialValue]) callback
执行数组中每个值的函数，包含四个参数:
previousValue
上一次调用回调函数返回的值，或者是提供的初始值（initialValue）
currentValue
数组中当前被处理的元素
currentIndex
当前被处理元素在数组中的索引, 即currentValue的索引.如果有initialValue初始值, 从0开始.如果没有从1开始.
array
调用 reduce 的数组 initialValue 可选参数, 作为第一次调用 callback 的第一个参数。最后一次调用回调函数返回的结果
Array.from(arrayLike, mapFn, thisArg) 方法从一个类似数组或可迭代对象中创建一个新的数组实例。
arrayLike想要转换成数组的伪数组对象或可迭代对象。
mapFn (可选参数)如果指定了该参数，新数组中的每个元素会执行该回调函数。
thisArg (可选参数)可选参数，执行回调函数 mapFn 时 this 对象。
返回一个新的数组（es6）

创建一个空对象的方式

var ob = {}
var ob = new Object()
var ob = Object.create(null)

前两种创建方式会有原型，第三种方式是真正意义上的空对象，无原型

海外云主机私有云 js 视频搜索记录 js记录返回数据 js查询搜索记录 js中实现历史记录

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/90480.html

mongo出识以及对数组的操作

摘要：热身完毕，数组时间到。为只返回的键值对还是要加双引号哦不等于类似于操作查看版本查看当前机器连接地址如如果你想创建一个的数据库，先运行命令，之后就做一些操作如这样就可以创建一个名叫的数据库。如果你还没有安装，可以参考下这个文章，mondodb基本安装和curd 首先推荐个工具，no-sql-manager-for-mongodb-professional，虽然收费，但是每个月可以重新注...

jk_v1 2019-06-26 16:57 评论0 收藏0
博客园申请及页面定制CSS

摘要：二博客园申请及开通权限遇到的第一个问题就是填写申请博客理由，问度娘要了一个回答粘贴上居然被拒了，无奈只好自己写了打算在博客里记录下的新技能和遇到的问题解决方案，帮自己沉淀同时也分享给他人，还望审核员此次能够予以通过。一、背景　　刚刚工作满一年，感觉到工作后在学习方面和之前还是有些不一样的：在校会有系统的整理归纳基础知识和逐步学习的一个过程，最后考试进行比较全面的知识掌握程度检测；而在工作上...

Kyxy 2019-04-23 13:11 评论0 收藏0
学不动了?可能方法不太对-Grid 网格布局

摘要：前情提要本人是一个学渣非科班入行年了吧前端东西真的好多啊又不断更新需要不断的学学学在去年年底开始我就开始不断的寻找学习的方法如何更加高效的学习如何才能学的又快又好在这半年来不断的总结慢慢找到了一些方法和诀窍此文章不是网格布局的教学文章只前情提要本人是一个学渣,非科班入行2年了吧,前端东西真的好多啊,又不断更新.需要不断的学学学, showImg(https://user-gold-c...

happyfish 2019-05-22 16:41 评论0 收藏0
前端面试系列--前言篇

摘要：这个系列的文章将记录我准备春招的整个过程，我会将自己学习到的新知识记录在这个系列里文章目录前言说明准备方向目标前言说明作为半个科班出身学数学的应届生，在学习计算机的时候还是比较吃力的，从今年月份开始接触前端，到现在也有个月左右了。这个系列的文章将记录我准备春招的整个过程，我会将自己学习到的新知识记录在这个系列里文章目录前言说明准备方向目标前言说明作为半个科班出身...

sshe 2019-08-23 12:57 评论0 收藏0
前端面试系列--前言篇

摘要：这个系列的文章将记录我准备春招的整个过程，我会将自己学习到的新知识记录在这个系列里文章目录前言说明准备方向目标前言说明作为半个科班出身学数学的应届生，在学习计算机的时候还是比较吃力的，从今年月份开始接触前端，到现在也有个月左右了。这个系列的文章将记录我准备春招的整个过程，我会将自己学习到的新知识记录在这个系列里文章目录前言说明准备方向目标前言说明作为半个科班出身...

zsirfs 2019-08-02 11:56 评论0 收藏0