1.数组  shift unshift pop push

头删增         尾删增

//  数组  shift unshift pop push

    var str="a,b,c,d,e,f";

    var arr=str.split(",");

    console.log("arr: "+arr);

    var shift1=arr.shift();

    console.log("shift1: "+shift1);   //返回删除的数组第一个元素 a

    console.log("arr: "+arr);         // b c d e f

    var unshift1=arr.unshift('aa');

    console.log("unshift1: "+unshift1);  // 返回长度 6

    console.log("arr: "+arr);             // 数组头部添加  aa b c d e f

    var pop1=arr.pop();

    console.log("pop1: "+pop1);     //  返回删除的数组最后一个元素 f

    console.log("arr: "+arr);       //  aa b c d e

    var push1=arr.push("ff");

    console.log("push1: "+push1);  // 返回长度 6

    console.log("arr: "+arr);      // aa b c d e ff

2.string chatAt() indexOf() split() substr()

array join() reverse()

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style>

        p{line-height: 40px;

            border-bottom: 1px solid green;}

    </style>

</head>

<body>

string   chatAt() indexOf() split() substr()

<script>

  var str='hello';

  console.log("chartAt(): "+str.charAt(0));  // e    // 根据索引返回 char 字符

  console.log("indexOf(): "+str.indexOf('e')); //1    //  根据字符返回 index 索引

  var arr = str.split('');

  for(let i of arr){

    console.log("split(): "+i);  // split 转成数组

  }

  var str2=str.substr(0,3);

  console.log("substr(): "+str2);  // hel   截取字符串

</script>

array shift() unshift() pop() push()   join() reverse()

<script>

  var arr2=['a','b','c','d'];

  var str3=arr2.join(''); // 用空格连接

  console.log("join(): "+str3);

  var str4=arr2.reverse().join('');

  console.log("reverse(): "+str4);

</script>

<script>

  function unique(arr) {

    let obj = {};

    let data =[];

    for(let i =0,l=arr.length;i<l;i++){

      if(!obj[arr[i]]){

        obj[arr[i]]=true;

        data.push(arr[i]);

      }

    }

    return data;

  }

  var arr4=[11,12,13,13,14,15,16,16,17];

  console.log("arr4: "+unique(arr4));

</script>

</body>

</html>

js原生的更多相关文章

  1. js原生代码实现轮播图案例

    一.轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同! 我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好. 在这里分享一下,用j ...

  2. JS原生效果瀑布流布局的实现(一)

    JS原生效果 实现: HTML页面布局: <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu ...

  3. 工作当中实际运用（3）——js原生实现鼠标点击弹出div层 在点击隐藏

    function onmou(){ var divs=document.getElementById('kefuDV');//获取到你要操作的div if (divs.style.display==& ...

  4. 仿jQuery的siblings效果的js原生代码

    仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling&g ...

  5. js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）

    js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...

  6. 图片轮播(左右切换)--JS原生和jQuery实现

    图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分 (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外 ...

  7. 图片轮播(淡入淡出)--JS原生和jQuery实现

    图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式,这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成j ...

  8. 手把手教你js原生瀑布流效果实现

    手把手教你js原生瀑布流效果实现 什么是瀑布流效果 首先,让我们先看一段动画: 在动画中,我们不难发现,这个动画有以下特点: 1.所有的图片的宽度都是一样的 2.所有的图片的高度是不一样的 3.图片一 ...

  9. js原生 + jQuery实现页面滚动字幕

    js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 ...

  10. js原生获取className&多选一

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 【USACO 2.3】Controlling Companies （递推）

    题意:A公司对B公司有控制权的条件是满足下面条件之一:A=B,A对B的股份超过50%,A控制的公司对B的股份之和超过50%. 分析:我把控制关系分个等级:第一级是直接的股份超过50%,第二级是至少需要 ...

  2. MyEclipse建立SpringMVC入门HelloWorld项目

    一.首先,建立空的web project项目: 1. 2. 3. 二.其次,导入先关jar包 1.将jar包导入SpringMVCHelloWorld\WebRoot\WEB-INF\lib目录下 三 ...

  3. 【bzoj1923】 Sdoi2010—外星千足虫

    http://www.lydsy.com/JudgeOnline/problem.php?id=1923 (题目链接) 题意 按顺序给出m个n元模线性方程,问最少当给出多少个方程时整个方程组有解. S ...

  4. iOS-不用网线搭建IPv6网络测试环境

    前言 从6月1日开始苹果要求之后审核的项目必须支持iPv6,如果不支持将被拒绝,掘金最近一次审核被就被拒绝了....理由为下: Apps are reviewed on an IPv6 network ...

  5. Structure And Representation Of MIB Object Names - SNMP Tutorial

    30.8 Structure And Representation Of MIB Object Names We said that ASN.1 specifies how to represent ...

  6. Java编程中的美好

    java程序员如何写出"优美"代码,动力节点告诉你怎么办: 1.注释尽可能全面 对于方法的注释应该包含详细的入参和结果说明,有异常抛出的情况也要详细叙述:类的注释应该包含类的功能说 ...

  7. ubuntu一些基本软件安装方法

    ubuntu一些基本软件安装方法 首先说明一下 ubuntu 的软件安装大概有几种方式:1. deb 包的安装方式deb 是 debian 系 Linux 的包管理方式, ubuntu 是属于 deb ...

  8. ETL简介

    1.ETL的定义 ETL分别是“Extract”.“ Transform” .“Load”三个单词的首字母缩写也就是“抽取”.“转换”.“装载”,但我们日常往往简称其为数据抽取. ETL是BI/DW( ...

  9. poj1062 昂贵的聘礼

    Description 年轻的探险家来到了一个印第安部落里.在那里他和酋长的女儿相爱了,于是便向酋长去求亲.酋长要他用10000个金币作为聘礼才答应把女儿嫁给他.探险家拿不出这么多金币,便请求酋长降低 ...

  10. IOS系统基础知识

    在iOS应用中,每个程序得main函数中都调用了UIApplicationMain函数. 1 2 3 4 5 6 int main(int argc, char *argv[])  {      @a ...