js基础篇string&&array(应YX同学面试复习要求 - -)
js中的数据类型一共有五个基本数据类型,分别是undefined,null,boolean,number,string.
js中的Object类型中包括两大类型:Function类型和array类型。而我们现在要说的就是string和array!
string
1.length 可以取出字符串有多少个字符 "abc".length 结果:3
2.charAt 返回指定索引位置的字符 "abc".charAt(1) 结果:b
3.substring 返回对象中指定开头索引到指定结尾索引的字符串 "abcdef".substring(1,3) 结果:bc
4.substr 返回一个从指定位置开始的指定长度的字符串 "abcdef".substr(2,3) 结果:cde
5.indexOf 返回字符串索引位置,如果字符串中没有这个字符则返回-1 "abcdef".indexOf("e") 结果:4 注意:索引是从0开始的
6.split 将字符串切分为子字符串转化成数组方式返回 "a b c d e f".split(" ") 结果:["a", "b", "c", "d", "e", "f"]
7. toLowerCase(小写) to UpperCase(大写) 将字符串中所有字符都转化为大(小)写
8.concat 提供字符串连接 str.concat('abc','def') 结果:abcdef
上面提高的都是string最常用的方法
下面我们来说array
首先定义一个array类型有两种方法
第一种new的方式创建数组
var arr = new Array();
如果Array里面有参数分为两种情况:
第一种:
var arr1 = new Array(100);
代表新建一个长度为100的数组
第二种:
var arr = new Array(["yxsb"]);//[]里面可以是数字
代表新建一个数组第一位是yxsb
当然也可以这样子:
var arr = new Array(["yxsb","yxdsb","yxdsb","yxzsb"]);
下面我们来说一些关于array的方法:
1.join() 把数组的所有项用,组合起来返回一个字符串 ["yx","dsb"].join(); 结果:yx,dsb
2.pop() 将数组中最后一个元素从数组中删除 push() 将新元素添加到一个数组中的最后
3.shift()将数组中的第一个元素从数组中删除 unshift()将新元素添加到一个数组中的开头
4.sort()将数组排序(这个排序并不是从大到小排序,如果从大到小排序还需要自己封装一个compare算法)
function compare(y,x){
return y-x;
}
arr = [,,,,,].sort(compare);
5.splice() 从一个数组中移除一个或多个元素,也可以在所移除元素的位置上插入新元素
当参数为2个的时候:第一个参数表示起始位置,第二项表示要删除的项数
var arr = ['a','b','c','d'];
var arr1 = arr.splice(0,1);
console.log(arr);
结果为:["b", "c", "d"]
当参数为3个的时候:第一个参数表示起始位置,第二项表示要删除的项数,第三项表示插入的项
var arr = ['a','b','c','d'];
var arr1 = arr.splice(,,'f');
console.log(arr);
结果为:["a", "f", "c", "d"]
6.slice 返回数组的一段 两个参数分别为开始位置和结束位置
7.reverse 数组反序
上面基本上可以说是数组和字符串常用的方法了,其实字符串和数组唯一联系的就是字符串的split方法和数组的join方法,这两个方法可以实现数组和字符串的相互转换。另外也有一些比较重要的字符串转换
比如:
数组转化为字符串:tostring方法
字符串转化为数字:Number方法(如何有字符串就返回NaN)
字符串(json串)转化为js对象:eval方法(不推荐使用) JSON.parse方法
字符串转化为数组:split方法
数组转化为字符串:join方法
上面总结的都是日常开发中比较常用的有关string和array的一些方法,基本上掌握了这些,js中的string和array你就算是掌握了!
js基础篇string&&array(应YX同学面试复习要求 - -)的更多相关文章
- 前端面试题目汇总摘录(JS 基础篇)
JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string typeof null; // o ...
- JS基础篇--sort()方法的用法,参数以及排序原理
JS基础篇--sort()方法的用法,参数以及排序原理 sort() 方法用于对数组的元素进行排序,并返回数组.默认排序顺序是根据字符串Unicode码点.语法:arrayObject.sort( ...
- js基础篇——call/apply、arguments、undefined/null
a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...
- js基础进阶--关于Array.prototype.slice.call(arguments) 的思考
欢迎访问我的个人博客:http://www.xiaolongwu.cn Array.prototype.slice.call(arguments)的作用为:强制转化arguments为数组格式,一般出 ...
- 前端面试题目汇总摘录(JS 基础篇 —— 2018.11.02更新)
温故而知新,保持空杯心态 JS 基础 JavaScript 的 typeof 返回那些数据类型 object number function boolean undefined string type ...
- js 基础篇(点击事件轮播图的实现)
轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...
- Vue.js基础篇实战--一个ToDoList小应用
距离开始学Vue已经过去一个多月了,总想把学到的东西柔和在一起,做点东西出来,于是有了这个Todolist小应用. 使用vuex 纯粹基础,没有用到web pack,vuex,npm,下次把它改造一下 ...
- 前端之js基础篇
JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECM ...
- js基础篇——变量
a.变量类型 变量类型 构造函数 举例 类型检测typeof 字符串 function String() var t = "chua"; var m = new String(&q ...
随机推荐
- 构建一个简单的Linux系统 MenuOs —— start_kernel到init进程(20135304刘世鹏)
构建一个简单的Linux系统 MenuOs —— start_kernel到init进程 作者:刘世鹏20135304 <Linux内核分析>MOOC课程http://mooc.study ...
- hdu_2048 错排问题
错排问题本质上就是一个动态规划问题,其状态转移方程为: 记d[n]为n个人错排情况的总数. 那么策略可以描述为:分析第n个人错排的可能情况: 1)前n-1个人满足错排的情况,那么第n个人加入后还要错排 ...
- Python学习札记(二十九) 模块2
参考:使用模块 NOTE 1.内建sys模块: #!/usr/bin/env python3 import sys 'a test module' __author__ = 'wasdns' def ...
- Codeforces Round #390 (Div. 2) A. Lesha and array splitting
http://codeforces.com/contest/754/problem/A 题意: 给出一串序列,现在要把这串序列分成多个序列,使得每一个序列的sum都不为0. 思路: 先统计一下不为0的 ...
- c语言 找最小值
#include <stdio.h> #define N 10 #define MIN(X,Y) ((X<Y)?(X):(Y)) int f(int arr[],int len,in ...
- python 列表元素替换以及删除
>>> letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g'] >>> letters ['a', 'b', 'c', 'd', ...
- 简述 JPA 与 Spring Data JPA 与 Hibernate
1.JPA是什么?以及相关概述 JPA的是 Java Persistence API 的简写,是Sun官方提出的一种ORM规范! Sun提出此规范有2个原因: 1.简化现有Java EE和Java S ...
- 10个有趣的Javascript和CSS库
Tailwind CSS Tailwind是用于构建自定义用户界面的实用CSS框架. 每个Tailwind小应用都有多种尺寸,这使得创建响应式界面变得非常简单. 您可以自定义颜色,边框尺寸,字体,阴影 ...
- Hello World模式
http://www.rabbitmq.com/getstarted.html https://github.com/rabbitmq/rabbitmq-tutorials 环境搭建 这里使用grad ...
- XML——DTD
body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...