js 小复习1
1、数组
增删改查
var arr = [, , , , ];
// arr.push(18); // 添加数组后面 更改长度
// arr.unshift(12); // 添加数组前面
// arr.pop(); // 删除数组最后一个元素 返回该删除的值 更改数组长度
// arr.shift(); // 删除数组第一个元素
// arr.splice(2,1); // 从索引2开始删除一个元素
// arr.splice(2,0,14); // 在索引2的位置添加数值
console.log(arr);
2、数组合并
// 数组合并方法
// var vegetables = ['parsnip', 'potato'];
// var moreVegs = ['celery', 'beetroot'];
// // 将第二个数组融合进第一个数组
// // 相当于 vegetables.push('celery', 'beetroot');
// Array.prototype.push.apply(vegetables, moreVegs);
// console.log(vegetables);
let arr1 = ["a", "b", "c"];
let arr2 = ["d", "e", "f"]; let arr3 = arr1.concat(arr2); // arr1 在前 同时也可以合并非数组 console.log(arr3);
3、通过数组push 为对象添加属性
// 通过数组push为对象添加属性
var obj = {
length: ,
addElem: function addElem(elem) {
// obj.length is automatically incremented
// every time an element is added.
[].push.call(this, elem);
}
};
// Let's add some empty objects just to illustrate.
obj.addElem({'name':''});
obj.addElem({});
console.log(obj.length); //
console.log(obj);
// {0: {…}, 1: {…}, length: 2, addElem: ƒ}
// 0:{name: "1233"}
// 1:{}
// addElem:ƒ addElem(elem)
// length:2
// __proto__:Object
</script>
4、数组与字符串相互转化 join() split()
var arr = [, , , , ];
arr = arr.join('') // 数组转化字符串
console.log(arr); var str = '';
var strArr = str.split('');
console.log(strArr);
//(9) ["1", "2", "2", "2", "3", "4", "4", "5", "5"]
5、字符串截取 substring slice substr
var anyString = "Mozilla";
console.log(anyString.substring(, ));
console.log(anyString.substring(, ));
// 即使截取负数或NaN 都视为0 ,也可倒着截取 var str1 = 'The morning is upon us.';
var str2 = str1.slice(, -);
console.log(str2); // OUTPUT: morning is upon u
// slice() 提取的新字符串包括beginSlice但不包括 endSlice。
// slice 截取允许负数 负数 + 字符长度 var str = "abcdefghij";
console.log(str.substr(,)); // bc
// substr 开始索引位置为负数时, 负数 + 长度
// 第二参数是截取的长度
6、 字符串与正则表达式匹配 match()
// match 返回的是数组 没有返回null [0]
var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/i; []
var found = str.match(re); console.log(found); // logs [ 'see Chapter 3.4.5.1',
// 'Chapter 3.4.5.1',
// '.1',
// index: 22,
// input: 'For more information, see Chapter 3.4.5.1' ] // 'see Chapter 3.4.5.1' 是整个匹配。
// 'Chapter 3.4.5.1' 被'(chapter \d+(\.\d)*)'捕获。
// '.1' 是被'(\.\d)'捕获的最后一个值。
// 'index' 属性(22) 是整个匹配从零开始的索引。
// 'input' 属性是被解析的原始字符串。
7、字符串替换
var str = 'Twas the night before Xmas...';
var newstr = str.replace(/xmas/i, 'Christmas');
console.log(newstr); // Twas the night before Christmas...
8、lastIndexOf indexOf
// lastIndexOf() 方法返回指定值在调用该方法的字符串中最后出现的位置,如果没找到则返回 -1。从该字符串的后面向前查找,从 fromIndex 处开始。
// 索引倒着来
console.log("canal".lastIndexOf("a",)); // -1
// indexOf() 方法返回调用 String 对象中第一次出现的指定值的索引, 开始在 fromIndex进行搜索。
// 如果未找到该值, 则返回 - 1。
9、字符串其他
// 字符串其他
// trim() 方法会从一个字符串的两端删除空白字符。
// valueOf() 方法返回一个String对象的原始值(primitive value)。
// toUpperCase() 将调用该方法的字符串值转换为大写形式
// toLowerCase() 会将调用该方法的字符串值转为小写形式,并返回。
// normalize() 方法会按照指定的一种 Unicode 正规形式将当前字符串正规化.
// includes() 方法用于判断一个字符串是否包含在另一个字符串中,根据情况返回true或false。
// endsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的,根据判断结果返回 true 或 false。
js 小复习1的更多相关文章
- js 小复习2
1.数组 findIndex() indexOf() // findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引.否则返回-1. function isBigEnough(ele ...
- React.js 小书 Lesson16 - 实战分析:评论功能(三)
作者:胡子大哈 原文链接:http://huziketang.com/books/react/lesson16 转载请注明出处,保留原文链接和作者信息. 接下来的代码比较顺理成章了.修改 Commen ...
- js小功能整理
/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...
- [转载]Js小技巧||给input type=“password”的输入框赋默认值
http://www.cnblogs.com/Raywang80s/archive/2012/12/06/2804459.html [转载]Js小技巧||给input type="passw ...
- 一些js小题(一)
一些js小题,掌握这些对于一些常见的面试.笔试题应该很有帮助: var a=10; function aa(){ alert(a); } function bb(){ aa(); } bb();//1 ...
- 第24篇 js小知识和“坑”
前面说了说了js的相关知识,基本上除了语法外,把项目常用的知识做了一个梳理,现在说下js的其它方面的知识,这些知识不成体系,属于不理解对于一般开发没什么太多影响,但如果理解清楚,可以更好去开发. js ...
- React.js 小书介绍
React.js 小书 Github 关于作者 这是一本关于 React.js 的小书. 因为工作中一直在使用 React.js,也一直以来想总结一下自己关于 React.js 的一些知识.经验.于是 ...
- JS基础 复习: Javascript的书写位置
爱创课堂JS基础 复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log ...
- 一个js小游戏----总结
花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用web ...
随机推荐
- php 正则表达式三.模式修正
1.贪婪模式和懒惰模式, 贪婪模式:php中正则默认是贪婪模式,匹配尽可能多 的字符,比如 $pattern='/a+b/'; $subject='aaaaaaaaab,那么可能会preg_match ...
- druid
实时分析型数据库 Druid | Interactive Analytics at Scale http://druid.io/ Druid is primarily used to store, q ...
- python迭代器、生成器、yield和xrange
https://blog.csdn.net/u010138758/article/details/56291013
- JavaScript dotAll模式
JavaScript正则表达式中点(.)是一个特殊字符,它可以匹配除了一下条件的任意字符. 四个字节的UTF-16字符 换行符(\n) 回车符(\r) 行分隔符 段分隔符 为了使点(.)可以匹配任意字 ...
- Linux(6)- redis发布订阅/持久化/主从复制/redis-sentinel/redis-cluster、nginx入门
一.redis发布订阅 Redis 通过 PUBLISH .SUBSCRIBE 等命令实现了订阅与发布模式. 其实从Pub/Sub的机制来看,它更像是一个广播系统,多个Subscriber可以订阅多个 ...
- 几分钟私人定制APP全攻略!!
上网百度了一下什么是自媒体,你会看到这种介绍:自媒体(外文名:We Media)又称"公民媒体"或"个人媒体",是指私人化.平民化.普泛化.自主化的传播者,以现 ...
- Mysql学习笔记—视图
1.什么是视图 视图(View)是一种虚拟存在的表.其内容与真实的表相似,包含一系列带有名称的列和行数据.但是视图并不在数据库中以存储的数据的形式存在.行和列的数据来自定义视图时查询所引用的基本表,并 ...
- Linux环境Oracle相关操作命令行
打开Oracle监听:lsnrctl start 关闭监听: lsnrctl stop 监听关闭那么客户端无法连接 进入sqlplus:sqlplus /nolog 使 ...
- 并行求pi (C++实现)
用OpenMP并行化求pi的代码,这里用的是公式法求pi.具体如下: //公式法 #include<omp.h> #include<stdio.h> #include<s ...
- Java泛型四:Java泛型总结
原文地址https://www.cnblogs.com/lwbqqyumidi/p/3837629.html 一. 泛型概念的提出(为什么需要泛型)? 首先,我们看下下面这段简短的代码: 1 publ ...