【JavaScript】简单写写

zhonghanwen 发布于2019-08-19 17:51 / 3353人阅读

整整一年了。

数组方法

通过数组长度添加/删除最后一项

var arr = [1,2];
arr[arr.length] = 3;    //arr = [1,2,3];
arr.length -= 1;    //arr = [1];

通过join()返回重复字符的字符串

var arr = new Array(7);
arr.join("6");    //666666

加入/取出数组头尾的元素

var arr = [1,2];
arr.unshift(0);    //3,arr = [0,1,2];
arr.push(3);    //3,arr = [1,2,3];
arr.shift();    //1,arr = [2];
arr.pop();    //2,arr = [1];

倒序排列数组元素

var arr = ["xiaoming","xiaohong"];
arr.reverse();    //arr = ["xiaohong","xiaoming"];

sort()排序

var arr = [9,5,0,1,39,61];
function compare(val1, val2) {
    return val1 - val2;
}
arr.sort(compare);    //[0, 1, 5, 9, 39, 61]

sort()根据属性排序

var love = [{"name": "xiaoming", "age": 23, "height": 167},{"name": "xiaohua", "age": 25, "height": 165}];
function compareProperty(property) {
    return function(obj1, obj2) {
        return obj1[property] -obj2[property];
    };
}
love.sort(compareProperty("age"));
console.log("年龄最小：" + love[0].name);    //xiaoming
love.sort(compareProperty("height"));
console.log("身高最小：" + love[0].name);    //xiaohua

操作数组

var arr = [0,1,2,3];
arr.concat(4,[5,6]);    //合并数组
arr.slice(1,2);    //提取数组
arr.splice(2,2);    //删除第三项和第四项，删除的项以新数组返回
arr.splice(1,0,0.5);    //插入项，删除的项以新数组返回

查询字符索引

var arr = [9,5,0,1,3,9,6,1];
arr.indexOf(1,4);
arr.lastIndexOf(1);

迭代数组

var arr = [1,2,3,4,5,4,3,2,1];
var every = arr.every(function(item, index, array){
    return (item > 2);
});
var some = arr.some(function(item, index, array){
    return (item > 2);
});
var filter = arr.filter(function(item, index, array){
    return (item > 2);
});
var map = arr.map(function(item, index, array){
    return (item * 2);
});
console.log(every);    //false 每一项都返回true则返回true
console.log(some);    //true 有一项返回true则返回true
console.log(filter);    //[3, 4, 5, 4, 3] 筛选返回true的项
console.log(map);    //[2, 4, 6, 8, 10, 8, 6, 4, 2] 返回对每一项操作后的数组
arr.forEach(function(item, index, array){    //对每一项进行操作
    console.log(item + " : " + index);
});

字符串方法

查询字符

"hiyohoo".charAt(1);    //i
"hiyohoo".charCodeAt(1);    //105

查询字符索引

"hiyohoo".indexOf("o");    //3
"hiyohoo".lastIndexOf("o");    //6

操作字符串

"hiyohoo".concat(" is ", "NICE");    //hiyohoo is NICE
"hiyohoo".slice(1, -1);    //iyoho 首位和末位，可以截止到倒数位
"hiyohoo".substr(1,5);    //iyoho 首位和长度，第一位的负数加长度，第二位的负数变成零
"hiyohoo".substring(6,1);    //iyoho 首位和末位，负数全部变成零，一二位依大小自动排序

转换字符串

" hiyohoo ".trim();    //hiyohoo
"HIYOHOO".toLowerCase();    //hiyohoo
"hiyohoo".toUpperCase();    //HIYOHOO

替换字符

"hiyohoo".replace("oo", "o");    //hiyoho

分割字符串

"hiyohoo".split("o");    //["hiy", "h", "", ""]

转载请注明出处：https://segmentfault.com/a/1190000004615200

文章不定期更新完善，如果能对你有一点点启发，我将不胜荣幸。

GPU服务器服务器托管简单javascript javascript简单教程简单的javascript 简单导航

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

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

zhilizhili-ui 2016 写写简单的tabview

摘要：每天发垃圾文我也是蛮拼的没有有有前面所说的是什么设计设计要求点击切换滑动切换从图片中我们可以看出上下不定自动填充布局这个我以前讲过了就不写了如果用表述下就是这样的很显然我们需要一个一个每天发垃圾文我也是蛮拼的 web 没有tabview android 有tabviewios 有tabcontrol web 前面所说的是什么设计 showImg(https://segmentfa...

JerryWangSAP 2019-08-19 17:21 评论0 收藏0
前端基础

摘要：谈起闭包，它可是两个核心技术之一异步基于打造前端持续集成开发环境本文将以一个标准的项目为例，完全抛弃传统的前端项目开发部署方式，基于容器技术打造一个精简的前端持续集成的开发环境。这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日...

graf 2019-08-21 18:38 评论0 收藏0
爬取博客园首页数据进行数据分析

摘要：目标选取了博客园，爬取了首页的前页文章，但是数据放在那一直没去分析。为了避免对博客园造成压力，爬虫代码不公开。注数据来源是年月日至月的博客园首页文章。谁是博客园最爱的用户最爱的用户，在这里是按文章上首页的数量来判断的。前言之前折腾了一小段时间scrapy，觉得使用起来异常简单，然后打算练练手。目标选取了博客园，爬取了首页的前200页文章，但是数据放在那一直没去分析。趁着现在有闲心，...

zilu 2019-07-30 14:40 评论0 收藏0
【并没有什么用就是写写】Document 属性、方法、接口

摘要：只有才有接口属性已经不用了获取页面中所有锚点元素由于兼容原因该属性纸返回那些拥有属性的元素而不是拥有属性的元素获取元素字符获取字符编码只读属性返回无符号长整型数字表示给指定元素的子元素个数是的父级是根源素返回文档对象的根元素的只读属性如文只有document才有document接口属性 //anchors 【已经不用了】 document.anchors //获取页面中所有锚...

edgardeng 2019-08-26 13:40 评论0 收藏0